Covers the delivery and display of photographs, graphics and other visual elements.
30
votes
3answers
3k 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: ...
22
votes
5answers
5k 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, ...
13
votes
9answers
382 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 ...
11
votes
3answers
4k 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 ...
10
votes
2answers
307 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
1answer
2k 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 ...
10
votes
5answers
2k 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
1k 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
6answers
882 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 divs) 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 take a ...
8
votes
3answers
119 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
3k 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 ...
8
votes
2answers
167 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
214 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
8answers
335 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
2k 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.
...
7
votes
3answers
334 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
...
7
votes
3answers
2k 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 ...
7
votes
7answers
298 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 ...
7
votes
2answers
789 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 ...
7
votes
1answer
153 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 ...
6
votes
2answers
418 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. ...
6
votes
1answer
4k 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
2answers
179 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
466 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
2answers
173 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 ...
5
votes
3answers
203 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 ...
5
votes
1answer
842 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 ...
5
votes
1answer
7k views
Where do I get the standard, tiny Facebook and Twitter icons?
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 ...
4
votes
6answers
173 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?
4
votes
2answers
256 views
When should i consider having text as an image in my website heading
i see many sites that have their heading as an image. what is the benefit of this? when is a best practice to use text as images as opposed to just having text in my html. is this just for ...
4
votes
2answers
170 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 ...
4
votes
1answer
2k views
Responsive images require excluding the width/height attributes?
One of the tenets of responsive web design is responsive images: sizing images using percentages rather than concrete values. This is done via CSS.
The problem I have is the standard practice of ...
4
votes
4answers
338 views
Thumbnails for videos in multiple formats?
I have some intranet training videos made over the years in a bunch of formats (AVI, WMV, MOV, RealPlayer) and would like to provide something like a preview function - maybe a thumbnail animated GIF ...
4
votes
3answers
112 views
Image Optimization for my site
I use a hosted CMS and do not have server side access so I cannot set expiry for images but was told it helps to optimize my images and improve my site speed. My question is what exactly does it mean ...
4
votes
3answers
87 views
Help with choosing the best URLS for a Picture Blog site on Wordpress
I would like to select the best SEO friendly URL format for my WordPress based picture site. But I am not sure about the impact of SEO in the following formats. In other words I want a better format ...
4
votes
3answers
140 views
I have a lot of images for my website. However, they all need to be cropped. Is there a way using graphics magick? [closed]
I have about 4000 images that need to be cropped. The task is rather simple really. They all have a white border that varies but is always between say 20 and 50 pixels. I want to use graphics magick ...
4
votes
2answers
68 views
Images in blog posts
I see a lot of blogs (coding horror for example) that seem to feature random pictures in the entries.
Would I be correct in saying they probably didn't seek permission to use those images? What are ...
4
votes
4answers
166 views
Where can i get photo collection for website/template
I'm developing website templates and wonder how to get (free or buy) photos of product sample for my templates. For example, collection if furniture, shirts, lingerie? Maybe you have preferences with ...
4
votes
2answers
140 views
What is best way to manage all images in a big project, inline images, background images, css sprite images?
How do you manage all images in a big project, inline images, background images, css sprite images?
Do you follow any naming convention?
Do you create sub-folders to manage images?
In a big project ...
4
votes
1answer
347 views
Make google index the actual image not the thumbnail
In a website, we have a JavaScript that opens an image when people click on the thumbnail, it seems like Google only indexes the thumbnail not the actual image with real dimensions, I was wondering if ...
4
votes
3answers
362 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 ...
4
votes
3answers
320 views
Best practices when loading images for improving page loading speed
I am working on optimizing a page's loading speed. Here are some analytics:
Notice how the images, although only accounting for 65% of the total size (1.1MB), are by far the slowest loading ...
4
votes
4answers
299 views
Software to combine multiple images
Combining multiple images into a single image is a good way to improve performance by reducing the number of http requests. But how do most webmasters manage their combined images?
Is there any ...
4
votes
1answer
104 views
What is the best way to optimise a site with lots of images for a Retina display?
I am going to have a website which will deal with a lot of images. What is the best way to optimise them for Retina display without having much of an impact on website loading times?
There seems to ...
4
votes
2answers
79 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 ...
3
votes
2answers
83 views
Storing image order without a database
The classic question is whether to store images in a database or on the file system. In my case I feel it is probably best to store it on the file system.
However the specific order of the albums and ...
3
votes
6answers
771 views
Which is faster, adding rounded corners to images, or adding rounded corners in CSS
Which of the following will load faster,
Creating a square image and adding rounded corners via CSS
Adding rounded corners to the image by default and not using the extra css.
Also, if 2 is ...
3
votes
2answers
212 views
Bizarre image loading problem from apache2
Users have complained a few times about seeing a bizarre set of pink or green stripes on our webpage. At first I thought there were a rash of video card outages, but then someone sent me a screenshot ...
3
votes
2answers
124 views
Where can I get photoshop images like this for my website
I see a lot of websites like this one and I wanted to see where people get these images from to have the raised panel floating on the background. I see a lot of these sites use this technique and i ...
3
votes
1answer
166 views
Image not updating for some users
I don't know if this is the best practice, but we added an image with a snow delay for our school. For some users the image wouldn't come up. Is this a matter of the browser or something else? I had ...
