4.5. Изменяем размер картинки в WordPress


Структура урока:

1. Редактируем размер картинки в WordPress

2. Предварительная установка нужных размеров картинки.

В предыдущем уроке мы остановились на том, что наша картинка совершенно безобразным образом залезла на сайдбар.

Редактируем размер картинки в WordPress

Будем исправлять. Возвращаемся в Панель администрирования и включаем редактирование статьи. Наводим курсор на нашу фотография (курсор станет четырехсторонним) и кликаем левой кнопкой. На фотографии появляются два изображения:

Левое изображение означает «Редактировать», правое – «Удалить».

Удалить мы всегда успеем, поэтому кликнем по левому изображению.

В открывшемся окне «Редактировать изображение» уменьшим размер картинки, например, поставим 80%. При необходимости можно отредактировать выравнивание, заголовок и подпись изображения.

Закончив с редактированием, жмем «Обновить». Проверяем в редакторе: теперь картинка не выходит за пределы текста статьи и нажимаем кнопку «Обновить». Появляется надпись «Запись обновлена». Теперь можно посмотреть в браузере, как картинка выглядит в натуре.

Теперь размер картинки вполне удовлетворительный. Если что-то не устраивает – начинайте редактировать фотографию сначала.

Предварительная установка нужных размеров картинки.

Но можно сделать и по-другому. Попросту задать предельный размер размещаемых фотографий, картинок, графиков и т.д. и никогда больше не возвращаться к этому вопросу.

Для этого, как обычно, заходим в Админку, выбираем «Настройки» и «Медиафайлы»:

У нас откроется страница «Настройка медиафайлов»:

Вот здесь Вы и можете задать предельный (или оптимальный) размер вставляемой картинки. Максимальную ширину картинки можно посмотреть в коде, но я всегда пользуюсь своим любимым методом «научного тыка». Просто изменяйте размер картинки и смотрите, что у Вас получается. Критерий один: нравится – не нравится. Кому? Да Вам, конечно.

Вот я, например, поставил ширину 500 пикселей. Почему? Про единственный критерий я уже упоминал.

Вы, наверняка, обратили внимание, что у меня средние и большие картинки имеют одинаковый размер. Это сделано умышленно.

Дело в том, что когда Вы загружаете картинку большого размера, например 800 пикселей, то она именно такой ширины и загружается. А потом, когда Вы задаете программе размер средней картинки 500 пикселей, то она (программа) самостоятельно уменьшает ее размер, но при этом оставляя в базе данных и большую картинку. В результате Вы будете иметь в базе данных две одинаковые картинки, отличающиеся только размерами. А одна картинка может «весить» больше, чем вся Ваша статья. Сайт начинает разбухать и медленнее работает, что не есть хорошо.

Устанавливайте нужные размеры картинок и пойдем дальше.

Удачи!

Перейти к следующему уроку.

...Сообщите об этой статье своим друзьям:
Благодарю Вас!
А еще Вы можете подписаться на рассылку и первым получать самые свежие статьи.

Автор: Сергей Ваулин

Похожие записи по этой теме:

9 thoughts on “4.5. Изменяем размер картинки в WordPress

  1. samuel

    здравствуйте, у меня в настройках ихображений когда в левом верхнем углу тыкаю — нет таких настроек с процентами, есть только в пикселях. Как выставить в процентах? плагин какой то?

    Reply
  2. Костя

    Мне надо загружать картинки в одном размере а в записях превращать в другой.

    к сожалению изменение параметров загрузки никак не повлияло на величину картинок.Может есть настройки где то еще?

    Reply
    1. admin Post author

      Костя, Вы правы — надо изменить размер картинок в «Настройках» — «Медиафайлы»

      Reply
  3. Дима

    Здравствуйте все равно не меняеться у меня тема Focused самостоятельно растягивает картинки как это исправить? вот сайт если нужно Frukti.net спасибо заранее

    Reply
    1. admin Post author

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

      Reply
  4. Femil

    Как оказалось — все просто. Совсем просто (я тоже настроилась в коде искать размеры возможных изображений). Спасибо. )

    Reply
    1. admin Post author

      Femil, в WordPress'е вообще все просто. Надо только знать, где искать

      Reply
  5. Richi

    Спасибо. Помогло. А то уже подзапарился искать решение по изменению изображения файла.

    Reply
    1. admin Post author

      Не за что, Richi, заходите, спрашивайте, если будет нужда

      Reply

Оставить комментарий

Your email address will not be published. Required fields are marked *