We all want our websites to look great and graphics play a large role in this. Here's some practical advice on making graphics for your Websites 360® website.
![Featured Making Graphics for Your Website_.jpg](https://static.mywebsites360.com/f6744469750742cba21abbfc64f2fdd0/i/e1777432797b44468f9a7f8d303db9fb/3/GCuCv726gZycFxatRCb7iU/Featured%20Making%20Graphics%20for%20Your%20Website_.jpg)
Making Graphics for Your Website
Justin
![PNG image files are optimal for website graphics. Websites 360® recommends saving image files as PNGs so your graphics will display well on high-resolution screens. PNG image files are optimal for website graphics.](https://static.mywebsites360.com/f6744469750742cba21abbfc64f2fdd0/i/b8ea21a9c17845a4b2c7d9161da41d80/3/GCuCv726gZycFxatRCb7iU/image-file-types.png)
Best All Around File Type: PNG
- Saving your files out as PNGs will ensure your graphics look good on high resolution screens. PNGs can also have transparent backgrounds which is great if you want to change the background color of your website and don't want to remake your graphics.
![Images of the same size, lighting and background are the best for website team or about us pages. Dallas Crossfit team](https://static.mywebsites360.com/f6744469750742cba21abbfc64f2fdd0/i/de4b1166a66841ec86f52d44a7b05582/3/GCuCv726gZycFxatRCb7iU/dallas-crossfit-team.png)
Taking Team Pictures
- 3 must-haves...
- Same dimensions
- Same lighting
- Same background
- This formula will typically make the craziest bunch look organized and professional.
![Dallas Crossfit Central website has visually consistent titles for graphics and images. Dallas Crossfit website image titles](https://static.mywebsites360.com/f6744469750742cba21abbfc64f2fdd0/i/acc8fb5fd3ee4c4a8317f107ff7f1722/3/GCuCv726gZycFxatRCb7iU/website-image-titles.png)
Visually Consistant Graphic Titles
- Find a nice font. Choose your color and size. Stick with it.
- This will not only look good, it will also give the eyes landmarks to piece apart and digest the content of the page.
![Graphic Making Graphics for Your Website_.jpg](https://static.mywebsites360.com/f6744469750742cba21abbfc64f2fdd0/i/f94691a46edf4ed8af21ff6ec97a528b/3/GCuCv726gZycFxatRCb7iU/Graphic%20Making%20Graphics%20for%20Your%20Website_.jpg)
That way you can use your title field for a color call out like this!
By using Image Blocks in the Websites 360® tool you can put in your snazzy graphic titles instead of filling in the title field.
So when using graphic titles...
![Example Image block in Websites 360® content tool showing placement of image title Example Image block in Websites 360® content tool](https://static.mywebsites360.com/f6744469750742cba21abbfc64f2fdd0/i/c3e5f4aa042c4c449f6fe9900f348c08/3/GCuCv726gZycFxatRCb7iU/example-image-block.png)
Check back with us next week for more tips and tricks!