Introduction

For those who know HTML: Layers with the –img hint will be output with an HTML <img> tag, instead of using the CSS background-image style on a <div>.

For those who don't: the -img hint adds images to pages in a special way that tells browsers that the image is not merely decoration but an important part of the content of a page.

This tag is intended for images that are actual content.  Almost all images in a typical Photoshop design are intended as design elements, not content elements.

Details

-img and Printing

Graphics bearing the html <img> tag will, in many cases, print when users print a web page. This can be a good thing or a bad thing depending on the page design.

The "alt" attribute

The alt attribute for the image will automatically be set to the layer's name minus any hints. Thus if an image layer is named our new corporate headquarters-imgthen the alt tag will contain the text "our new corporate headquarters".

Disadvantages

Misuse of this hint will make your pages get lower search engine ratings, be impossible to view on PDAs, and be virtually inaccessible to people that are handicapped. 

Because –img layers are not included in automerging your pages may be slower to load. Do not use this hint just because you think a layer is a graphic or because you want to put an alt attribute on something.

SiteGrinder Pro Gallery images

SiteGrinder Pro -gallery images are output with <img> tags automatically, so use of this tag is not needed with image galleries.