Размеры изображений

Опубликовано: 17.04.2018

видео Размеры изображений

Поиск изображений нужного размера

Допустим, вы загрузили изображение на свой сайт. Где и как оно может использоваться? Некоторые из вариантов:



непосредственно в постах, в портфолио, опять же в постах или в портфолио — во всплывающем окне с увеличенной версией изображения, в качестве миниатюр на страницах рубрик или тегов, в виджетах, например «Популярные записи», «Распродажа» (если у вас интернет-магазин например) и т.д., да даже в админке можно сделать, чтобы посты или рубрики отображались с превьюшками ;

В общем существует множество различных вариантов использования одного и того же изображения на сайте. Согласитесь, это нецелесообразно, если каждая картинка будет одного и того же размера.


Как изменить размер изображения в HTML. Ширина и высота картинки width и height

Конечно, с дополнительными размерами изображений тоже лучше не злоупотреблять, ведь, чем их больше:

тем больше файлов будет в составе вашего сайта (70 тысяч изображений, из которых оригиналов только 2 тысячи — это не круто), тем больше времени потребуется на загрузку каждого файла (ведь движку нужно сгенерировать все эти размеры).

Стандартные размеры изображений WP

По умолчанию WordPress уже поддерживает несколько размеров изображений. Вы можете увидеть их и отредактировать в админке на странице «Настройки > Медиафайлы».


Как быстро изменить размер фото (3 варианта)

Вы должны кое-что знать про эти три размера: все загруженные вами изображения будут вписаны в те параметры высоты и ширины, которые указаны в админке (скриншот выше), исключение — миниатюры — если в настройках стоит галочка (снова смотрим скриншот), то миниатюры будут строго указанного размера.

Например, вы загрузили на сайт фотографию 1024х765, у вас в итоге получатся следующие копии: крупный — 1024х765, средний — 300х224, миниатюра — 150х150. Ну в общем думаю механизм понятен.