Вам понадобится
- графический редактор, картинка
Инструкция
1
Чтобы сделать превью картинки, нужно загрузить большой файл изображения в графический редактор, например, в Adobe Photoshop или аналогичные. Затем уменьшите размер картинки в пикселях. Обычно для превью используются картинки разрешения примерно 200x200 пикселей, но для ваших целей, возможно, подойдет другой размер.
2
Сохраните уменьшенную версию картинки отдельным файлом. В некоторых редакторах можно выбрать степень сжатия. Если вы отправляете картинку в интернет, можете применить чуть более сильное сжатие, чтобы изображение быстрее грузилось у тех, кто будет просматривать ваш текст.
3
Для превью не обязательно уменьшать всю картинку, некоторые предпочитают вырезать небольшой фрагмент и в качестве превью использовать его. Это зависит от ваших вкусовых предпочтений и целей текста.
4
Затем загружайте обе картинки на файловый хостинг. Вам нужно получить прямые адреса для обеих картинок. Код для размещения изображений:
<a href="прямая ссылка на большую картинку"><img src="прямая ссылка на маленькую картинку-превью"></a>
<a href="прямая ссылка на большую картинку"><img src="прямая ссылка на маленькую картинку-превью"></a>
Обратите внимание
Ведутся споры по поводу того, открывать картинки в новом окне или вкладке или в том же самом, предоставив возможность создания новых окон самому пользователю. Код, приведенный выше, откроет картинку в том же окне.
Полезный совет
Не делайте картинку для превью слишком маленькой, ведь тогда те, кто просматривает вашу статью, могут ничего на ней не разглядеть, не заинтересоваться и не открыть её для просмотра. В этом случае теряется весь смысл создания превью.
Источники:
- как сделать превью