Clients Guide to Image Optimizing for Your Website
It is standard practice to deliver websites with images that are crystal clear no matter what device they are viewed upon. To achieve this we have put together the following information with some key insights based on image-related questions we most often receive from our clients. Hopefully, it will give you some insights into getting the most from images when working with your Syracuse website design and development team.
What Size Should My Images Be?
Supplying images in the most optimal upload ready format will ensure you archive the desired result in terms of visual effect. It is an important factor when considering post-development if you plan to upload the images to your website.
You need to think about what the image will be used for and where will it be used. An example of this would to on a cover image or banner or maybe a thumbnail. A small image taken on an iPhone might look fine on some areas of your site but it most likely won’t look good as it is enlarged in a featured image.
A good rule of thumb to follow is to supply your website developers with hi-res images and photos. That way they can be resized appropriately for upload. If you can give large hi-res images you at least want to supply them with photos that are the exact size as they would appear when viewing your website on a desktop computer. Anything smaller they will look blurry or pixilated.
If it is your responsibility to manage the uploads. We recommend a file size of less than 600KB and dimensions between 1500 and 2500 pixels wide to achieve the best results.
Will My Images Effect the Loading Speed of my Website?
SEO Search Engine Optimization specialists in Syracuse and around the world will tell you that one of the factors that search engines weigh in ranking a website is how fast the target page loads. While the large the size of an image, the high the display quality will be generally. It is important to know that uploading files that are too large can hurt your website load speed. This will result in visitors to your website losing patience and leaving your website before it even fully displays. By following the guidelines mentioned above you can avoid this issue.
How Should I Save My Images?
When saving out your images they should be saved as either .jpg (for photos) or .png (for graphics) files. What formats are not suitable for the web are: .pdf, .psd, .tff, .doc, and eps file types.
It is also good practice to remember that image file names can act as alt test on your website where no other text is provided. This helps search engines determine what the image is about and allows it to show up in search results. Make sure your file names are no more than 8 words. Stick to letters, numbers, underscores, and hyphens.
Should I Consider Things Like Aspect Ratio or Orientation?
It is not essential to supply images with a consistent aspect ratio (height and width) but it can help to make work in the development process easier. For the same reason, it is helpful to rotate your images wherever necessary so they appear correct on the website.
Why Have My Images Been Cropped?
It is not uncommon that some images you supply will need to be cropped in order for them to fit into the layout. This is particularly relevant when it comes to mobile responsive website design optimization.
How Should I Supply My Logo or Similar Graphics?
When you supply your logo for use on your website, these files need to be supplied as vector files. Vector images are zoom and resolution-independent which means the quality and clarity will be retained regardless of the size you display it.
On your website, poor images can dramatically devalue your brand and service. Your website looks less professional and slow load speeds is something users hate.
When it comes to your images, taking the time to get quality photos is important. If you have to hire a professional photographer because, in the long run, a website that effectively converts users into customers is what it is all about.