1 column image re-sizing (improve quality)

Sometimes image quality can be lost when an image has been dropped into the editor that is not the same size as the snippet.Image 14

To fix this you can either, cut the image out so that it’s the right size to the snippet. If the image is smaller this will mean adding white space to the image to make it bigger. If the image is too big this will mean resizing the image to make it smaller.

The other way is to keep the images original size but change the size of the snippet. This can be done up to 600px width. Any image larger than this will have to be resized.

You need to find out the size of the image you are working with, in this case the image above is 118px width but has been stretched to 600px.  Then in the HTML Editor, locate the snippet you want to edit.

Image 15

Firstly change the size of the image in <img>, change the value inside width=”” and change the width: value inside style=””. Then you need to change the value of the <table></table> which wraps the image to the same value as the image width.

Image 16

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s