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

learn more… | top users | synonyms (1)

5
votes
2answers
290 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
3k 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 ...
5
votes
3answers
209 views

Image as a background for a website - good or bad?

Blogger has some quite awful templates to offer, but one way to make it look less terrible to the eye of a layman (me) is with this background picture: Yet, I haven't seen many popular blogs that ...
5
votes
1answer
3k 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 ...
5
votes
3answers
133 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 ...
5
votes
1answer
103 views

Can I improve load times by reusing images?

I've created a website that has multiple pages, and each page has it's own dedicated folder. Inside of each page's folder I've created a dedicated image folder. I reuse many of the same images ...
5
votes
1answer
923 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 ...
5
votes
3answers
700 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 ...
5
votes
1answer
1k views

SVG in CSS backgrounds

Edit: How can I detect in php if the client browser is capable of displaying SVG as CSS background ? I renamed my stylesheet from .css to .css.php. So I can include at the beginning: <?php ...
5
votes
4answers
314 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
3answers
1k views

Why are image sprites usually only created for “.png” files and not “.jpg”?

I was wondering why when people talk about sprites they only mention .png files. Is there any problem in creating sprites for .jpg files?
4
votes
2answers
273 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
1answer
403 views

Apache 2.4 Loads Image Files Even Without Extension. Why?

I have an HTML page with the following: <img src=J3 width="100" height="150" alt="Student Name" style="float:left;"/> In the same directory there is an image file, J3.jpg. The page ...
4
votes
1answer
152 views

Does Google index images in anything other than an img tag?

I was thinking of making a 'load on scroll' image gallery plugin, i.e. I do not want the image to load until it is in view in the viewport. That got me thinking in terms of implementation. I don't ...
4
votes
4answers
690 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
4answers
78 views

One image for different image sizes - physical size on website

We have a webshop that have different image sizes for demostrating a product. one for category page, and one for product page, and when people click on enlarge, it will show a large image. This means ...
4
votes
1answer
1k views

How do I implement “share on Twitter” for photos on my website?

I have a "share on Twitter" button on my website that allows users to easily share a tweet with the web page. The page features a photo, and we would really like to have users tweet the photo itself ...
4
votes
4answers
1k views

Are icon fonts bad for SEO?

Instead of using <img> tags for your icons, you can use icon fonts on <span> tags (which offer some advantages such as not having to create a sprite, being able to scale icons up/down ...
4
votes
1answer
1k views

What is the standard image size(s) for facebook (corporate page), twitter and youTube?

I am going to employ the services of a graphic designer, to create logos/ images for my website for the following sites: Facebook (corporate page) Twitter (twitter account for the business) YouTube ...
4
votes
1answer
1k views

Is image metadata valuable for SEO?

Do search engines read image metadata like copyright and author? Is adding metadata to site's images valuable for SEO?
4
votes
3answers
149 views

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
175 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
84 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
3answers
329 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
1answer
813 views

How does “background: url(image.ext)” work from an SEO standpoint?

Forgive me if this has been asked, all I found was SEO: h1 with text vs. h1 with bg image and hidden text which wasn't the same question. Will search engines pick up and index (in their image ...
4
votes
1answer
416 views

Image data URI and SEO

Do you think the use of image data URI is SEO friendly? On the one hand saves you a HTTP request. On the other hand it really messes up your code. Especially for image files larger than 20KB or ...
4
votes
1answer
2k views

What should the maximum length of a filename be, and would that affect SEO?

I am working on an artist's portfolio website. Let's say I want each artwork's image filename to contain its basic information, like so: Category - Artwork Title - Size, Medium, Year.jpg In actual ...
4
votes
2answers
625 views

Microdata for product images which aren't displayed in the page?

My internet shop displays thumbnails of products' images, and I see that these thumbnail are (slowly) being indexed by Google. I want also full images to be indexed. Can I use Microdata for this? ...
4
votes
2answers
202 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
2answers
230 views

Cropping images & SEO

So I have a page with a bunch of images with largely varying sizes. Also the layout of the page is such that the images are all in the shape of square tiles, so just resizing will cause distorted ...
4
votes
3answers
873 views

How to store images of WordPress on Picasa or other image hosting sites?

What is the best way to start a photo blog with WordPress, so that images are stored in Picasa, by image I mean image in all sizes, thumbnails, featured images and so on. The problem is that there is ...
4
votes
2answers
1k views

Amazon S3 or Dedicated Storage Server for small business site Image Hosting

We have a small business website that needs to host lot of images and we are trying to decide if we need s3 to host all our images or should we just use a NAS for storing and hosting our images ...
4
votes
2answers
195 views

Mobile Browsers! Do they ignore `<noscript><img>` (Responsive Design with Framework Zurb Foundation (Interchange/Noscript))

Experimenting with Interchange Responsive Images I'm experimenting with Interchange by Zurb Foundation to serve various images versions to different devices. For example 200x100 for mobiles, 300x100 ...
4
votes
1answer
337 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
3answers
176 views

Web pages with mixed ownership photos

I have a photo website. 15% of the photos belong to approved registered users. They agree my terms about uploading their images in my web pages. I include a photographer credit on right bottom corner. ...
4
votes
0answers
84 views

What use could I have for an invalid GIF on my site? [closed]

I have found a 1x1 GIF embedded directly in Google homepage's HTML: How could I use such GIF on my site? To make it more interesting. I tried saving it through Chrome, then opening with GIMP, but ...
3
votes
4answers
10k views

How can I measure the size of a webpage?

I'm building a website at the moment that has several complicated background images and repeats. The file sizes for each of the images are quite large (I've compressed them down as much as possible!), ...
3
votes
3answers
248 views

Would reducing the quality and/or size of images fall under fair use?

I was looking on flickchart tonight and was wondering how they legitimized the usage of movie posters on their site, as I figure that those posters would be copyrighted. However it's been online for a ...
3
votes
7answers
25k views

How to make background image black and white?

Are there any filters that would make background image black and white? I have an image set as the background image using CSS, but now I need to apply a filter so that an image is shown in black and ...
3
votes
2answers
90 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
2answers
250 views

Make my logo with white text show up better on Facebook and Google+ since they have white backgrounds

I have a logo with white text and a transparent background. The site is a dark theme. When Facebook and Google+ brings in my links. It is quite hard to see the logo. Is there way to tell these ...
3
votes
3answers
114 views

Two different websites with same product images

I need some advice from more experienced webmasters. I have 2 websites (site A and site B). These websites are totally different, but they use same product images (around 1 GB of images). These ...
3
votes
2answers
313 views

If someone takes a photo of my product and posts it on the web do I have the right to use it on my website?

If someone takes a photo of my product and posts it on the web do I have the right to use it on my website?
3
votes
1answer
649 views

How can you create text as a png file to minimize file size?

I've seen this trick on lots of websites, but I don't know how I could create this myself easily. It's basically text or a logo which is saved on a transparent background with a small border, to ...
3
votes
6answers
969 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
3answers
157 views

Does Google OCR and index text in the images?

A lot of the images that I post are schematics and diagrams. In those, about 30% of the "ink" is in the callouts and labels. I believe, readers comprehend better when the text is on the figure, ...
3
votes
3answers
96 views

How do minor changes affect a page?

If an image file size were to change from 80kb to 100kb every couple of weeks, would the search bots notice this change and how would a minor change be interpreted? The page consists largley of text ...
3
votes
2answers
325 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
1answer
50 views

Image Search Ranking

What are image-specific factors that contribute to ranking in Google Image Search? Looking for what contributes to ranking and relevancy of images above and beyond the SEO of the hosting site itself. ...
3
votes
2answers
128 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 ...