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

learn more… | top users | synonyms (1)

6
votes
1answer
710 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
197 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
136 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
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
2answers
327 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
227 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
513 views

Schema.org BlogPosting and image required

I am trying to mark a blog with schema.org metadata (using Microdata). I have tested with the test tool at https://developers.google.com/structured-data/testing-tool/ and I get an error saying: ...
5
votes
3answers
134 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
119 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
3k 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 ...
5
votes
1answer
2k 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?
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
1answer
1k 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
815 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
4answers
315 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
2k 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
4answers
13k 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!), ...
4
votes
2answers
274 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
600 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
195 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
792 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
141 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
3answers
293 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, ...
4
votes
1answer
2k 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
2k 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
2answers
178 views

Protecting the original artwork used on a website

We are spending a considerable amount of money on creating fantastic illustrations that will accompany a learning guide. These illustrations are very unique and take 20-40 each to complete. Once we ...
4
votes
3answers
153 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
2answers
523 views

Better Image Hosting for MediaWiki

We're using MediaWiki and writing a lot of articles / tutorials that require images / screenshots. Image management in MediaWiki is painful. I was hoping I could use something like Dropbox to store ...
4
votes
3answers
180 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
87 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
357 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
163 views

How do I tell a directory that all files inside should be treated as a PNG?

I have PNGs in which for instance they are named "5021" rather than "5021.png" and for some images it is fine and displays like a normal image but others download automatically; I was told by someone ...
4
votes
1answer
2k 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
538 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
679 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
218 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
3answers
60 views

Securing images from browsers and humans

Particular parts of a website I'm working on will have pictures not intended for the general public. It is already behind a password protection and the page has no-index no-follow rules. I'm concerned ...
4
votes
1answer
219 views

getting CDN images indexed with Google

I have somewhere close to 500,000 user-uploaded images hosted on a Cloudfront CDN -- separate from our main host (exampledomain.com). Up until this point, few of them have been getting indexed at the ...
4
votes
1answer
158 views

Is recomended to use BPG to a website?

I want to use BPG on my website, but I'm not sure wether the support is broad enough. Maybe the javascript plugin for decoding doens't work with all browsers Maybe the decoding process consume too ...
4
votes
2answers
250 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
952 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
283 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
378 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
179 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
2answers
104 views

How do I index watermarked images to bots and allow users to see high quality unwatermarked image?

I have a site where much of the focus are the images themselves. When people visit the website directly (with an AdSense ad shown), the image shows in normal high-quality. When robots visit the ...
4
votes
0answers
87 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
265 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
5answers
5k views

Resized background images blurred in desktop Safari

The website I'm creating (test6.lazyfoxdesign.co.uk) is responsive and makes heavy use of images for the background. I use high resolution images and scale them down using CSS for smaller resolutions. ...