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

learn more… | top users | synonyms (1)

5
votes
3answers
181 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
127 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
2answers
3k views

Return first image source from google images

Is there a way to fetch the first image source from google search if I have a search term? For example if input is tomato, ouput would be ...
5
votes
1answer
706 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
596 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
915 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
852 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
270 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
95 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
581 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
680 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
175 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
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
1answer
89 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 ...
4
votes
1answer
544 views

Google's 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. (I've seen some other questions on ...
4
votes
3answers
140 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
173 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
78 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
301 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
59 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
237 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
2answers
188 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
173 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
709 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
99 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
278 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
174 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
81 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
3answers
225 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
20k 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
89 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
134 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
83 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
311 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
6answers
948 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
95 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
303 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
47 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
126 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
2answers
43 views

SEO impact of dynamically serving cropped images based on device type

I have a website and try to optimize it regarding device size. Due to a large image slider on the front page I could halve the size by serving smaller images for mobile devices (via simple user-agent ...
3
votes
3answers
111 views

Convenient practice for where to place images?

A lot of developers place all image files inside a central directory, for example: /i/img/ /images/ /img/ Isn't it better (e.g. content architecture, on-page SEO, code maintainability, filename ...
3
votes
2answers
1k views

What zoomable image viewers are there for websites? [closed]

What zoomable image viewers are there? By these I mean tools that one can embed in a website to let a user zoom in on and pan around a high res image, a canonical example being http://www.zoomify.com/ ...
3
votes
2answers
101 views

Is there something like mathjax for chemical structures?

I am making a website where people can ask and answer questions to bioinformatical matters. I was very delighted with mathjax and its easy use. Is there something like that for chemical structures? ...
3
votes
1answer
164 views

Should image directories be indexable or not, for SEO?

By default, I have directory indexing turned off via apache, to limit oracle attacks to find php scripts. Should I turn directory indexing on for /images/ folders, to make all the images on the site ...
3
votes
1answer
365 views

Block images on Russian domain .ru via htaccess?

I have a WordPress website which accepts anonymous comments and images. We are receiving spam in the form of Russian porn, with images hotlinked from websites on the Russian domain .ru As we are ...
3
votes
1answer
187 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 ...