Covers the delivery and display of photographs, graphics and other visual elements.

learn more… | top users | synonyms (1)

36
votes
4answers
6k views

Why do big sites host their images/css on external domains?

Why do big sites (Facebook, Twitter, Google, Tumblr & so on) host their images/css on external domains? Facebook: http://static.ak.fbcdn.net/ Twitter: http://a0.twimg.com Google: ...
31
votes
7answers
10k views

“Progressive” JPEG: Why do many web sites avoid rendering JPEGs that way? Pros, cons?

When JPEG images are used by a web page, they are typically rendered top-down ... but they can also be rendered using a mode called progressive JPEG, where the image starts out full-size, but blurry, ...
22
votes
4answers
2k views

Why insert static files (CSS, images, JavaScript, ECC) in a subdomain?

Why so many big and little sites inserts static files (CSS, images, JavaScript, ECC) in a subdomain like media.example.com or s2.static.example.com? What are the advantages? Why not just a directory ...
17
votes
6answers
2k views

How do I add a favicon to my website?

What markup is the modern standard for adding a favicon to my site? What is the standard image format and size?
16
votes
13answers
3k views

How do I get images containing text to be indexed by search engines?

I am building a small portfolio website for a friend, and being in advertising and all, she hates the standard fonts and wants everything written in a custom font. As CSS font-embedding is not really ...
14
votes
4answers
13k views

How to pre-load images used only on hover?

I have a link that starts with one background image and then changes on hover to another. Both background images are set in the CSS. My browsers (any of them) don't seem to load the hover image ...
13
votes
9answers
508 views

What can I do to reduce the file size of my images?

Working with some wordpress themes I've been modifying some of the image files and noticed that my edited versions are sometimes 3-4x larger than the original (saved using the same format). I don't ...
12
votes
3answers
2k views

Lazy loading images and effects on SEO

We are using the following technique to lazy load images in our site: For all images we put in the src attribute a url for a default img (i.e. a loader) and put the actual image url in the data-src ...
12
votes
1answer
254 views

Should you add version information to images on your website?

If you have images on your website that are likely to change (e.g. have a different watermark), but the same image name, should you add version information to the end of the image name, or would this ...
11
votes
6answers
1k views

How can I encourage the browser to download images from CSS file faster?

I use CSS to place a lot of my images (as backgrounds for <div>) and I often find that they load very slowly this way. They seem to be the last thing to load. Even small little icon images ...
11
votes
3answers
5k views

What is the best size to use to display full screen size of an application screenshot?

I want to maximize the size of the screenshot and avoid scroll bar or overflow for the maximum too. What size do you recommend ? I'm using lightbox.
11
votes
1answer
6k views

When email newsletters include Base64 encoded images, do email clients see them immediately?

When I send a newsletter with remote URLs most email clients will ask the user if he wants to load remote resources inside the message. If I send an email using images with Base64 encoded strings as ...
11
votes
5answers
3k views

Serving Images out of SQL server vs. File system vs. S3 etc

My application (classic asp yay!) has about 2.1 million images @ 25GB and that only represents 90 days of data and I'd like to go 365 at a minimum. I need to get these under control and am ...
10
votes
2answers
354 views

Communicating image size, best practice

If you are developing a html document strictly using current best practice of keeping styling out of the markup how do you best communicate image sizing? Past best practice wants image height and ...
10
votes
3answers
6k views

How can I replicate Google Page Speed's lossless image compression as part of my workflow?

I love that Google's Page Speed is able to losslessly compress a lot of my images, but I'd love to make it part of my workflow, prior to uploading a site and making it live. Is there anything I can ...
10
votes
2answers
4k views

Does an image's filename affect its seo?

When I name my image files, I always use a descriptive file name such as red-mercedes-slk.jpg. I've always done this without thinking, but I wondered if it actually benefits my rankings in any way. ...
10
votes
2answers
2k views

Do image backlinks count as backlinks?

If i have lots of images appearing tumblr blogs, the sort of tumblogs with very little text just reams and reams of images for people to browse through (example - http://whereisthecool.com/). If my ...
10
votes
7answers
339 views

How do I get Images for my site to Return in Google Searches

I know when I search Google for specific things I get back images underneath some sites. How do I get that to work for my site? I have even seen some sites that will return 4 or 5 images for the the ...
10
votes
2answers
2k views

Image CDN with API?

My company uses flickr and picasa web albums as poor man's content delivery networks (CDN) for image hosting, but I'm curious if anyone has any recommendations on any other services that might be ...
9
votes
3answers
5k views

Difference between alt and title of img - which one to use - and impact

For years I've been writing my HTML for images like this: <img src="picture.jpg" alt="my picture" > But I recently ran a audit of my site using Raven SEO tools and it reported loads of errors ...
9
votes
3answers
6k views

iPad and iPhone browser rotating images on site?

I am experiencing an odd occurance on a site I'm building right now where images are displayed 90 degrees different from how they are supposed to, but while maintaining the normal dimensions of the ...
9
votes
3answers
2k views

What should filenames and URLs of images contain for SEO benefit?

We know that good site architecture usually looks like this: example-company.com/ example-company.com/about/ example-company.com/contact/ example-company.com/products/ ...
8
votes
3answers
203 views

Is it worth it to change my entire user images file structure to take advantage of simple browser caching?

On one of my mobile sites, I simply store my user's profile images as '1.jpg' in their user folder, and incrementally go from there for any extra pics they upload. This means that whenever they change ...
8
votes
3answers
126 views

How do I know what image type to use?

I'm working on a website which will use images in several different applications, from action buttons to avatars to larger detail images. What factors should I take into consideration to decide ...
8
votes
3answers
2k views

Directory structure for a website (js/css/img folders)

For years I've been using the following directory structure for my websites: <root> ->js ->jquery.js ->tooltip.js ->someplugin.js ->css ->styles.css ...
8
votes
1answer
608 views

Does adding external images or javascript to a website affect its SEO?

When adding images to your site, is it bad to use an image located on another site: <img src='http://www.some_other_site.com/image.jpg'> The same goes for javascript, is it bad to link to ...
8
votes
3answers
428 views

Image SEO - always repeat main keyword in alt text?

I'm working on an Easter Island website and I'm currently redesigning my image system. Virtually all my photos are of Easter Island. My question is, should I always include the keywords "Easter ...
8
votes
2answers
180 views

Linking with an image: Background vs <img>

What is considered best practice (semantically) when using text with an image to link to an internal page or category? Option 1 <nav> <a href="/kittens"> <img ...
8
votes
2answers
354 views

Cheap stock images website (per image pricing) [duplicate]

Possible Duplicate: What are sources of free/cheap stock photos? (Additional requirements, read description.) I like the stock images and illustrations on istockphoto.com but they're kind ...
7
votes
2answers
498 views

Is my PageRank improved when someone else uses my images?

Let's say person A have a website named www.asite.com, and an image in www.asite.com/images/example.jpg. Now, someone else (person B) uses this image in his/her website with <img ...
7
votes
8answers
384 views

Publishing A Graphic Novel Online?

My employer runs a writing contest every year. Every year we publish the top three results in each category to our website. No big deal. This year, a category has been added for a graphic novel. What ...
7
votes
2answers
214 views

SEO for naming images

I have a website with many images embedded within articles. I do not want to miss traffic by image search. It is easier to save images with numbers, but will this affect SEO rank? I mean image search ...
7
votes
2answers
611 views

Does specifying explicit image dimensions help site performance?

I ran some audits on a new web application we are about to launch. Chromium is suggesting in network utilization that a few images on our site do not have height/width dimensions explicitly declared. ...
7
votes
2answers
852 views

Are images with non-standard extensions (such as “.ashx”, instead of “.png” or “.jpg”) bad for SEO?

Certain CMS' running on IIS like Sitecore do not give image files appropriate file formats like .png or .jpg by default, but instead link to images as: <img src="/media/Some Folder/EX-IMG.ashx" ...
7
votes
1answer
226 views

Images Maps SEO and Accessibility

My question of the day is about image maps and accessibility. Now it is my understanding that whenever you use an alt tag within an img tag you describe the image which increases the user ...
7
votes
3answers
385 views

How should creative commons attribution for images be shown?

Clicking through from Flickr to the CreativeCommons.org definition for "Some Rights Reserved" you find that you can reuse an image as long as you provide attribution. If we want to use the image in ...
6
votes
4answers
913 views

Too many duplicate image alt attributes. What to do?

I've got a table. And as you can see below I've got a lot of duplicate alt attributes going on. What is the best way to prevent this but still have valid HTML5 code? <table id="benefits"> ...
6
votes
2answers
17k views

jQuery image slider with different sized images

All of the jQuery image sliders I've seen require images to be the same size. Do you know any which can dynamically resize their display pane to fit the size of the image. I have seen this done on ...
6
votes
3answers
371 views

User Upload of Images & Copyright Issues

I have a hand-coded site. I just started working on a strategy that will allow users to integrate their images and drawings into the site. The problem is that I know users will start uploading images ...
6
votes
2answers
8k views

Force Facebook to use large images when sharing my page

When I share content from my site it posts an image to Facebook as it should. I have noticed that the image is small, roughly 100x100 at best. Yet on other people's posts of content from other sites ...
6
votes
1answer
11k views

Where do I get the standard, tiny Facebook and Twitter icons? [closed]

I've seen a lot of sites with tiny 't' and 'f' logos for Facebook and Twitter. They're pretty common, but the only images I can find available are for paid icon sets. Are people really using custom ...
6
votes
1answer
1k views

Smush.It or similar lossless image shrinking with API

Is there a free service, with an API, that performs lossless image file size reduction? Currently we use Smush.it which isn't perfect (have to resort to command line tools), although its FAQ does ...
6
votes
3answers
492 views

Best semantic structure & SEO optimised approach for image replacement for badges?

In the past, I extensively used CSS image replacement techniques for SEO purposes and to separate presentation from content. But from my reading of the Google Webmaster guidelines and other ...
6
votes
2answers
366 views

Duplicate alt tags in a big gallery

Our website mainly consists of galleries, while usually smaller, they sometimes reach over 100 images per post. As each image is bound to the same topic, they are automatically named after the post ...
6
votes
2answers
403 views

SEO and external sites that serve responsive images (like Re-SRC)

Re-SRC is a tool that allows you to automatically serve responsive images for your website from their cloud servers. It delivers a new image file each time the browser window (viewport) is resized. ...
6
votes
1answer
603 views

Best Way to Backup and Restore Linux System in VPS? [closed]

I might be opting to using the daily versions of some VPS services. I want to be able to continue from when I started after shutting down and removing the server. What is the best way to backup and ...
5
votes
6answers
184 views

What is a good program for optimizing images on a website?

I have some extensive website that I need to analyze the images and see if they can be optimized. Can any one recommend a good program for this?
5
votes
5answers
125 views

Host my own picture web site and have links for people to order photos through other services

I have too many pictures and I don't want to pay for storage with Picasa or a similar site as I have my own hosting space that I pay for already. Is there any way I can keep my own hosted pictures ...
5
votes
2answers
248 views

Alt attributes for dynamically generated images

I have an image gallery for a commerce website which consists of several small thumbnail images and one large image. All of the images are photographs of the same product. What would be the most ...
5
votes
3answers
671 views

Specifying image dimensions to improve browser performance

I recently ran an audit on my web site using Google Developer Tools. My images are all the same size (500 horizontal by 300 vertical pixels) so I thought it would be better if I left out the image ...