Knowledge Base/Email Features: Frequently Asked Questions/Working With Images

Tips for working with images

Matt Ahern
posted this on December 12, 2011 11:59

Tip #1 - Re-size images to the size you wish them to display

With HTML code you can force images to display larger or smaller than their real size.

For example, let's say that you want to include a photo of yourself in your emails. You have a nice one on your camera so you upload that to your BombBomb account. You insert it and Whoa! It's HUGE!

Raw images from you camera usually come out in the 2,000+ pixel size range. You could use this image and, through HTML code, force it to display smaller than it really is but, you will still be transmitting that same huge file.

I have a source photo of 1,860 x 1,712 pixels with a file size of 1.73 MB. I could upload this file as is and force its display size to 106w x 100h, or, I can size it in a photo editing tool to the size I want it to display in my email then upload it.

If I size it to 100 pixels high before I upload it, my file size will be 7 KB or about a 250 times smaller than the unedited image.

The difference is that instead of waiting for a 1.73 MB file to transmit and load you are waiting for a 7 KB file to transmit and load.

A free online service for resizing images can be found at http://resizeyourimage.com/.

Tip #2 - Include ALT attribute text

The ALT attribute of the IMG (image) element is used to provide a text description of the image.

Images without ALT attributes are more likely to flag as "spammy" and may contribute to your email getting put to the junk folder.

<IMG SRC="http://www.bombbomb.com/mybombimg.jpg" ALT="My BombBomb Image" />

Using the dialog box you would type your ALT text into the Alternative Text field.

 dg-img-properties.png