Optimal Image Size for Website
-
What is the recommended size for an image on our website? What is the largest image size we can use without being penalised by Google?
Thank you.
-
I too also agree with the above.
To me the best solution is serving images of different sizes and resolutions based on device and connection speed, this way the customers should get a balance between speed and quality.
E.g. serve a x2 res image on retina or retina equivalent if the speed dictates that this is an option. alternatively, if it is a slow device connection, say via limited broadband speed, serve a lower resolution/file size to ensure at least something is delivered in an optimised speed.
I would suggest playing and finding the right balance for your site and market.
Finally, I find that using SVG images is the best for gaining a speed advantage.
Cheers
Tim
-
I agree with Matt, there is no penalty I know that has to do anything with penalty but if you run screaming frog crawler it will ask you to limit the size of the image to 100KB but again going above is not really a penalty.
Yes if the images will be heavy the time on site will increase and if the page take more than usual to load this is where you might lose your rankings as site load time is a ranking signal now.
Hope this helps!
-
I'm not aware of any penalty based on image size. They can be as big as they need to be, provided the page loads reasonably quickly. You can read up on page speed here.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Why are my blog slideshow images not indexed?
I'm managing a design blog hosted on WordPress. Each "design project" article includes a slideshow with additional images (and captions) for the project - these are images and text not found in the article itself. Every slide has the same page path as the article, but a different query param at the end. So if the article is /article the first slide would be /article?slide=1 for example. I'm having two issues: The slideshow images don't seem to be getting indexed. Screaming Frog reports duplicate meta descriptions and title tags for each slideshow page (same meta as article). I want to do what's best overall from an SEO perspective. Having the slideshow images show in Google image search is a must. And having the captions indexed might help too? But I want the Google image results linking to the article and not the individual slideshow pages. And I don't want duplicate meta issues. What's the best thing to do? Submit a sitemap that lists both article and slideshow images? "Rel canonical" the param'd slideshow urls to the base article url (not sure this makes total sense, since slide content is different from the article)? Get rid of slideshow altogether and put images in body? Some combo of these? Hopefully this makes sense. Any thoughts appreciated!
Image & Video Optimization | | theoHP0 -
Will background images get indexed?
Will images, loaded via css class, get indexed? For example something like : style="background-image: url(https://www.mysite.be/content/dam/homepage-mama.jpg/_jcr_content/renditions/cq5dam.web.2000.9999.jpeg);"
Image & Video Optimization | | nans0 -
Google Places Images
Hi, i recently added a image to google places listing uploaded via the google places dashboard. It was uploaded about 3-4 weeks ago. The image is exactly 1024x1024 in size. I'm not sure whether google is not displaying it because its too big, or because it takes a while for google to start showing images for places listing. I was reading it can take up to 6 weeks. I don't want to have to wait 6 weeks, then find out the reason why the picture wasn't uploaded was because it was too big. Any suggestions on how i can find out which one is the case? Thanks, Matt
Image & Video Optimization | | Mattcarter080 -
Google Knowledge Graph - change bio image
I have a client who is a well known personality in a particular niche that I've done some general event and design work for, but he hasn't had interest in SEO or social help until this point. He is very displeased by the image that was chosen for his Google Knowledge Graph result when you search his name. The issue isn't due to a poor photo, but rather due to the site it links through to. Google has chosen to use a bio image for his Knowledge Graph result which links to an "anti-" site. This site is opposed to the organization he leads. If you click on the image, it sends you to an image result page backed by an article which is full of misinformation and overall negativity about this individual. The source is also listed under the image on the Knowledge Graph result, a source he doesn't believe deserves any publicity, especially in conjunction with his name. So, what best practices might you suggest should be employed to go about getting Google to choose a replacement image for his Knowledge Base bio? Optimize his own bio page and bio image on his website? Get an image on his Wikipedia page? Create a G+ page with the bio image? Integrate the rel author syntax into his articles pointing back to his bio page? He doesn't want this to become a public matter, so he's against posting the issue to Google's Help Boards or reporting it in a public fashion. I'm not sure what should be the best first steps and top priorities for him and am hoping the SEOmoz team is starting to see some trends with Knowledge Graph. Let me know your thoughts when you can. Thanks so much! iLqNW iLqNW.png
Image & Video Optimization | | windturbines2 -
Google Images in Normal Search
If you search for the term, "Crappie". Listed 4th is a row of images. These kinds of images always seem to grab my attention above the actual search results-- or at least they do for a moment. These images seem to be in order of google images rankings. I may try to take a swing at ranking for these images. Is there anything else I should know before I start? I can't seem to find any guidance on the topic. Thanks
Image & Video Optimization | | terran0 -
Video Optimization (micro data)
Hello, people. I have a questions regarding on Video Optimization using microformat. As you all know, Google, Yahoo and Bing now support Schema. I want to use microdata or micro format to add explanation for my video. I am wondering now... that Schema has "VideoObject" micro data. Also Google support "facebook share" for video. Which one should I use for my video? Can anyone tell me difference between above two? HELP PEOPLE~! PLEASE!
Image & Video Optimization | | Artience0 -
Alt text in combination with images from another source / url
I have a feed that is parsed on my website. All images do come form another source( and url that differts from my site). However I can change the alt text. I concerns hotel mages worldwide. In order to relate the images with the different language I want to add a small phrase "airport hotel" translated in the laguages that are present on my site Example alt text will be alt="airport hotel: Mercure Schiphol Terminal" or in German alt="Flughafen hotel: Mercure Schiphol Terminal" Will this have a positive effect on my SEO despite the url of the images are not related to my site?
Image & Video Optimization | | fctexel0