Website Image Tips


Published on

Website image tips from Neogain. Hire our Hull web designers to design your website content.

Published in: Technology, Art & Photos
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Website Image Tips

  1. 1. <ul><li>Website Image Tips </li></ul>
  2. 2. <ul><li>Each week here on the Neogain blog we share useful tips, and today we are going to share a series of tips covering website images. </li></ul><ul><li>However if you need a web designer, please don’t bother trying to muddle through web design work yourself, and instead hire our Hull web designers to help you! </li></ul>
  3. 3. <ul><li>Tip 1 – Raster or Vector? Choose Vector. </li></ul><ul><li>It could be you are designing a graphic yourself, else have commissioned an image. It is best to have an original image in vector format, rather than raster. </li></ul><ul><li>Raster images when scales become blocky, whereas a vector image is actually a mathematical structure, that can be resized without losing graphic detail. </li></ul><ul><li>Why is having an original in vector important? </li></ul>
  4. 4. <ul><li>From working your website design, to using the image elsewhere such as in print, you need to make sure you have an image that can be used in a variety of locations, which isn’t always possible, but best try to plan for it. </li></ul>
  5. 5. <ul><li>Tip 2 – Take care of the little details. </li></ul><ul><li>Perhaps you’ve got a logo in your website template? Fantastic, but if you click on it, does it go back to the home page? </li></ul><ul><li>Many seasoned website visitors would expect that. How about a favicon? </li></ul><ul><li>Using the free software ico.fx, you can create an icon for your website, that appears in browser bookmarks, tabs and often next to the website url. </li></ul>
  6. 6. <ul><li>Tip 3 – Rename the image files. </li></ul><ul><li>If you are creating thumbnails for use on a website, then include a common word such as thumb as part of the file name. That way when you are search through an image library for those thumbnails, you can search via a keyword! </li></ul><ul><li>Also by renaming images files using keywords related to the actual image, you are improving the SEO of the image. When inserting images into a blog post or page, don’t forget to fill in the alternate text and caption if available. </li></ul>
  7. 7. <ul><li>Tip 4 – Resize those images! </li></ul><ul><li>Always resize images before you upload them to your website. It will help your servers performance, and again contribute to website search engine optimisation. </li></ul><ul><li>Plus visitors won’t have to wait for monster images to slowly load. It doesn’t take much effort to resize images, especially with free packages such as the Gimp available. </li></ul>
  8. 8. <ul><li>Tip 5 – Don’t use copyright images. </li></ul><ul><li>Never under any circumstances use copyright images, or images that doesn’t allow your use under its license. Thinking that nobody will mind or notice, is dangerous is illegal. </li></ul><ul><li>Don’t run the risk, especially as there are plenty of images available for a variety of uses. </li></ul>
  9. 9. <ul><li>Hire a Hull web designer . </li></ul><ul><li>Hire Neogain! </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.