Copyright © 2009 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis/publishing-and-editing-images/.

Contents

[hide]

  1. 1 Publishing and Editing Images
  2. 1.1 How to assure fast page loading
  3. 1.2 Thumbnail images
  4. 1.3 Embed medium size Images
  5. 1.4 Embed maximum width Image only exceptionally
  6. 1.5 Use Slide Shows
  7. 1.6 Use overlay display for large pictures.
  8. 1.7 Gallery

Publishing and Editing Images

As our previous post showed: images are great to improve the surfing experience of our visitors. The way we edit however is an important component for different reasons: if we embed large pictures into a post or page, the first impression can be smashing but it can be at the expense of fast loading pages. There are a few remedies to the loading problems you may encounter.

How to assure fast page loading

The best solution from a user’s point of view: get a fast internet connection.If I am running the previous post on a 24 MB/s line, it’s a piece of cake. If you live in a country where fast lines are not available, then you are at the mercy of webmasters who load less demanding stuff.

Thumbnail images

Thumbnails load fast and can then expand to most any size. Chose a thumbnail format which is still big enough to attract the curiosity of your visitor.

Example: this is a 120×80 thumbnail. It gives a ’small’ idea about what the big picture could be.

Bianca Gubalke on the Cover

Bianca Gubalke on the Cover

Embed medium size Images

If a picture is less attractive as a thumbnail, just embed a medium size format:

Example: 300 wide for this one.

Hanno Coetzee Personalized Business

Hanno Coetzee Personalized Business

Embed maximum width Image only exceptionally

One big image in a post will not hurt. But if you embed multiple pictures, loading time will increase dramatically.

Example: 500 wide.

Larrie Perkins Online Filing in Asia

Larrie Perkins Online Filing in Asia

Here we choose the big size because the thumb or 300 would not really have any significant effect.

Use Slide Shows

Slide shows also allow us to save time depending on how they load.

Check it out our next post.

Use overlay display for large pictures.

Check out the extra large versions of the above pictures by clicking on them:

Bianca Gubalke 2

Bianca Gubalke 2

Larrie Perkins 2

Larrie Perkins 2

Also, some pictures will only develop the desired effect in big format: click to see Ismail from Global Sports :-).

Ismail from Global Sports London

Ismail from Global Sports London

or this one? Here our friend Ismail rocks, click below!

Ismail from Global Sports London

Ismail from Global Sports London

As you can see: this page loads much faster than the previous post about Besma Bashier HERE.

Join tonight’s YORGOO Call if you are interested in implementing the above. 8 pm London Time at yorGOtalk.

PS: If you would like to learn how to create such images, please post a comment :-).

PPS: I forgot: You can always use Galleries to organize the pics of a post or page in a more balanced way:

Gallery












Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics.

screenshot1.jpg
yorgoopress.jpg
larrie_perkins.jpg