Category: Images

Responsive Images

Responsive Images & Photoshop

Visitors to your website may be seeing it on a phone, a tablet or on a computer. With responsive images, your website provide images using the least bandwidth while providing the highest quality necessary for that device.

? How does this help you?
If your website loads slowly, your frustrated visitor may leave your website.

? What do I have to do?
Upload three versions of the same image. The visitor’s browser will know which one to use.

? What has changed?
We no longer use the old html image tag:

<img src=”smiley.gif” alt=”Smiley face” height=”42″width=”42″>

?? What’s new?
The new tag is the source set tag:

<img src=”cat” srcset=”cat-160.jpg” />


What is EXIF data in a photo?

If you’re using a phone or a tablet, download an app to remove the EXIF data:

Android: Google search term: android app remove exif

Apple (iPhone or iPad): Google search term: iOS app remove exif

The app I use on my iPhone is ViewEXIF. It costs 99-cents but it lets me send photos to people without the EXIF metadata.

English Class at P.S. 81Q & Teacher: Dan Fenner