Как сделать превью картинки

Как сделать превью картинки

Превью картинки может понадобиться во многих случаях. Например, вы пишете статью и размещаете её на сайте, используя иллюстрации. Большие картинки вставлять в текст немного нелепо. Громоздкие и мешающие читать, они будут отвлекать внимание. Но хочется, чтобы читатель при желании все же имел возможность рассмотреть их. Превью картинок – отличное решение проблемы.

Вам понадобится

  • графический редактор, картинка

Инструкция

1. Чтобы сделать превью картинки, нужно загрузить большой файл изображения в графический редактор, например, в Adobe Photoshop или аналогичные. Затем уменьшите размер картинки в пикселях. Обычно для превью используются картинки разрешения примерно 200x200 пикселей, но для ваших целей, возможно, подойдет другой размер.

2. Сохраните уменьшенную версию картинки отдельным файлом. В некоторых редакторах можно выбрать степень сжатия. Если вы отправляете картинку в интернет, можете применить чуть более сильное сжатие, чтобы изображение быстрее грузилось у тех, кто будет просматривать ваш текст.

3. Для превью не обязательно уменьшать всю картинку, некоторые предпочитают вырезать небольшой фрагмент и в качестве превью использовать его. Это зависит от ваших вкусовых предпочтений и целей текста.

4. Затем загружайте обе картинки на файловый хостинг. Вам нужно получить прямые адреса для обеих картинок. Код для размещения изображений:<a href="/"прямая ссылка на большую картинку""><img src="/"прямая ссылка на маленькую картинку-превью""></a>