: Is there a standard size for images with text and its thumbnails? I have a main question and a secondary one. I'm creating images with text on them and I'm designing the website where the

@Annie201

Is there any standard size for images with text? ... what would be the best size for a thumbnail? ... I want the main image and the thumbnail to be indexed by Google like the same image but different sizes and I want the thumbnail to be easy to read for the users!


You should try and get an idea of what devices your users use so that you can choose the right size image based on the device.

Visit google analytics and add the tracking code they supply to you to your site and in a few days or so, you will be able to see what screen resolutions your users use. There's a good chance someone will use a low screen resolution to visit your site, and a big image size you presented will not be readable by such a small device.

Here's what I suggest.

For the large image, make two versions.

One would be for mobile devices and a maximum width of 240 pixels should be enough to cater to every mobile device in existence.

One would cater to desktop and laptop computers. Try to aim for the computer with the oldest setup. I think that would be 640 pixels in width maximum.

If you're doing only plain text as images for thumbnails, then you're better off doing ordinary links with anchor tags. The bandwidth requirement will be less and the text can also be resized to match user's preferences (via web browser settings).

If you insist on actual image thumbnails, I can't recommend a specific size because you have to think about the site and why the thumbnail size is right. For example, if you were doing a color chooser, a thumbnail could be a solid color thats only maybe a few pixels wide and a few pixels high. If you're doing a fancy title selector, then each thumbnail could be several pixels long by a few pixels high to fit the one-line text.

If you want the images indexed individually, then give each one a specific width, height, and alt tag, but make sure the width and height match the actual width and height of the image. Make sure the contents of the alt tag accurately describe the image.

Vote Up Vote Down