Урок и рекомендации взяты с http://forestcats.ucoz.ru/
Итак, ссылка:
http://foto.radikal.ru/
Как пользоваться этим чудом? Очень просто:
1. Заходим на ссылку, указанную в предыдущем сообщении. Вот что мы видим:

2. Выбираем изображение. Для наглядности я решила взять вот эту картинку:

Жмем на кнопку "Обзор"...

...и выбираем файл. Он у меня называется "2". Простенько и со вкусом:):

Дальше жмем "Открыть":

3. Убираем галочку возле надписи " Уменьшить до...":

(Внимание: галочку убираем только в том случае, если нам нужен оригинальный размер изображения. Лично я ее всегда убираю, вы - другое дело.)
и жмем "Загрузить":

4. Ждем, пока загрузится страница. Когда она загрузится, мы увидим это:

Если изображение большое, а нам надо просмотреть его полностью, жмем на "Увеличить":

5. Копируем нужные коды. Обращаем внимание на надпись:

Для создания уроки мя уменьшило скрины, сделанные в размере 1024*768. Это делалось для упрощения использования урока. Также я использовала превью для самых больших изображений.
И еще несколько рекомендаций насчет превью.
Когда превью НАДО использовать:
- при загрузке больших изображений, скринов, изображений со сложной анимацией.
Когда превью можно не использовать:
- при загрузке небольших или уменьшенных изображений, почти не влияющих на скорость загрузки страницы
- при загрузке изображений с простой анимацией
Когда НЕЛЬЗЯ использовать превью:
- при загрузке картинок, которые будут баннером, юзербаром, аватаром и т.д. и т.п. (подтверждено горьким опытом)