Как затемнить картинку в вордпресс
Изображения в WordPress: руководство по настройке
В WordPress есть медиа-загрузчик, который, по мнению многих, еще есть куда улучшать. Есть много вещей, которые вы не можете делать, загружая и показывая изображения на WordPress сайте. Загрузку и отображение изображений можно улучшить, используя некоторые встроенные функции и дополнительные плагины. В этой статье мы рассмотрим некоторые функции, фрагменты кода и плагины для улучшения отображения и управления файлами изображений в WordPress.
Управление размерами изображений в WordPress
Когда вы загружаете изображение на ваш сайт, WordPress автоматически создает дополнительные размеры для вашего изображения. Вы можете установить размеры этих изображений в консоли в меню Параметры → Медиафайлы, как показано ниже:
Здесь вы также можете выбрать, обрезать ваши изображения пропорционально, или позволить WordPress обрезать для вас изображения самостоятельно.
Установки размеров миниатюр для записи могут быть перезаписаны в файле functions.php вашей темы. Если вы сделаете это, изменение размеров миниатюр в Параметры → Медиафайлы не повлияет на то, как WordPress будет отображать миниатюру записи. Эта опция полезна в частности некоторым разработчикам тем.
В коде выше мы установили размер миниатюр 150 x 150 px. Установка размера миниатюры записи — полезная маленькая функция. У нее три аргумента:
Здесь $crop сообщает WordPress, обрезать изображение или нет. По умолчанию значение false, установка значения true позволит WordPress обрезать изображение.
Разные размеры миниатюр для разных шаблонов
Чтобы отобразить эти размеры миниатюр, вам нужно будет добавить небольшой код в ваши файлы шаблонов. В примере выше мы создали два размера миниатюр, один для шаблона тегов, а другой для шаблона главной страницы. Чтобы отобразить миниатюру тега, мы добавим следующий код в наш шаблон tags.php.
Обрезка изображений в WordPress
В WordPress есть встроенный редактор изображений, который вы можете использовать для обрезки, масштабирования и поворота ваших изображений.
Есть два способа получить доступ к редактору изображений:
Этот редактор изображений очень простой, но удобный инструмент для быстрого изменения размеров ваших изображений.
Отказ от создания копий изображений
То, что WordPress создает разные размеры ваших изображений, очень полезно. Вы можете показывать среднего размера изображения внутри записи, миниатюру на главной и странице архива и полноразмерные изображения, когда по ним кто-то щелкнет. Тем не менее, кому-то покажется это лишним, некоторым нужны только оригинальные изображения. Они могли уже отредактировать изображение в том размере, который им нравится, и показывать только этот размер, или им просто не нужны другие размеры. Или они создали свой размер изображений в шаблонах и хотят использовать эти размеры и никакие другие.
Есть два способа сделать это, первый — простой: перейти в Параметры → Медиафайлы и установить размеры изображений равными нулю.
Второй метод — добавить следующий код в ваш файл functions.php:
Создание галерей с помощью Медиа-загрузчика
Если вы загружаете много изображений для записи, в вашем Медиа-загрузчике есть возможность, которую вы можете использовать для создания галерей изображений внутри вашей записи или страниц. Когда кто-то щелкает по изображению, они переходят на страницу прикрепленных файлов, где отображаются изображения. Теперь проблема в том, что это медленнее и уводит пользователя от записи. Мы же хотим дать возможность пользователю просматривать изображения здесь же, не покидая страницу.
Плагин NextGEN Gallery
Плагин NextGEN Gallery — один из самых популярных плагинов галерей изображений WordPress. Он позволяет вам делать с вашими изображениями разнообразные вещи. Вы можете создавать галереи, добавлять теги к изображениям, показывать слайдшоу, делать увеличение изображений с помощью JavaScript, добавлять водяной знак на ваши изображения и даже добавлять эффекты к изображения.
Есть много хороших плагинов, которые позволяют вам отображать изображения, например:
Заключение
WordPress популярен благодаря его простой расширяемости. Каждый аспект вашего WordPress сайта может быть расширен для получения дополнительной функциональности с помощью отличных плагинов. Для отображения изображений есть хорошие бесплатные и премиум плагины, которые дают вам любую дополнительную функциональность, которую вы можете представить.
Полное руководство по работе с изображениями на WordPress
Как же много положительных обновлений произошло в загрузчике медиафайлов на WordPress за последние несколько лет. В нем появились мощные инструменты для управления изображениями, их редактирования в админке WordPress, создание галерей и много других полезнейших функций. А с релизом новой версии WordPress 4.0 используется улучшенный медиа-браузер.
Сегодня вы узнаете не только о том, как изменить размер изображений на WordPress и отредактировать их, уменьшить размер файла для ускорения загрузки страниц сайта, но и как создаются галереи и активируется для них карусель изображений.
Управление размером изображений на WordPress
Если в данных параметрах не указать формат миниатюры, то он будет сгенерирован автоматически.
Настройки размера миниатюр изменяются в файле functions.php используемой вами темы. Таким образом, изменения размера миниатюр в Настройках → Медиафайлы не будет иметь никакого влияния на то, как будет отображаться миниатюра в записи. Особенно эта опция может пригодиться разработчикам тем.
В вышеприведенном коде для миниатюры указан размер в 150 х 150 пикселей. Такая функция изменения размера миниатюры поста является не столь значительной на фоне других, но все же достаточно полезной функцией. В ней есть три аргумента:
Разные размеры миниатюр для разных шаблонов
При необходимости на разные страницы можно добавить картинки абсолютно разных размеров. Например, на стартовую страницу сайта – миниатюру, в архив или в категорию – изображения среднего размера. А сами размеры выбираются с помощью функции add_image_size() :
Чтобы эти изменения отобразились на сайте, необходимо добавить небольшой код в файлы используемого шаблона. В примере выше указано два размера миниатюр. Один для шаблона меток Tags, второй для стартовой страницы. Миниатюра tag отобразится, если добавить в шаблон tags.php следующий код:
Редактирование изображений в WordPress
WordPress может похвастаться наличием встроенного редактора изображений, в котором можно обрезать, изменить размер изображения или перевернуть его. Есть два способа воспользоваться этим редактором. Первый из них — перейти на Редактирование изображения (Edit Image) по ссылке, которая появится справа сразу же после загрузки изображений.
Второй — зайти в Медиафайлы → Библиотека в админке, где находится список недавно загруженных изображений, навести курсор мышки на одно из них и выбрать Редактирование (Edit).
При нажатии на кнопку Редактирование появятся несколько параметров, которые позволяют обрезать изображение, перевернуть его, масштабировать, а также отредактировать alt-текст, заголовок или описание:
Как избежать появления дублей изображений на WordPress
На самом деле функция создания разных размеров изображений на WordPress намного полезнее, чем может показаться. С ее помощью можно отобразить разные размеры изображений в зависимости от их местоположения. К примеру, в записи создать картинку среднего размера, на главную или в архив поместить миниатюру, а при нажатии на эти изображения появятся полноэкранные размеры в отличном качестве.
Правда, не все хотят видеть на своих сайтах графику в разных форматах. Многие предпочитают использовать стандартные размеры изображений. Например, при создании пользовательских размеров картинок для конкретных шаблонов не все пожелают использовать какие-либо другие параметры.
Стандартные размеры изображений создаются двумя способами. Проще всего зайти в раздел Настройки → Медиафайлы и задать нули (0) в полях, соответствующих каждому из этих изображений.
Более сложный вариант – добавить код в файл functions.php используемой темы:
Автоматическое сжатие изображений
Автоматическая оптимизация изображения под нужный размер файла способствует более быстрой загрузке записей и страниц, что в свою очередь улучшает SEO сайта и его ранжирование в поисковых системах.
Как известно, поисковики больше любят сайты, загрузка страниц которых не занимает более нескольких секунд. С автоматическим сжатием изображений хорошо справится бесплатный плагин WP Smush.
Вы также можете воспользоваться опцией Bulk Smush.it для сжатия всех более давних изображений на сайте, а также их оптимизации.
Создание галерей изображений
После загрузки их можно поменять местами и поставить в нужном порядке для отображения на сайте, удалить ненужные, добавить новые, прочее.
Используемая тема отобразит галерею в формате сетки. При нажатии на любое изображение пользователь попадет на страницу с одним единственным изображением из этой галереи.
Карусель для организации галереи изображений
Знакомы вы с плагином Jetpack или нет, но в нем есть одна замечательная функция под названием Carousel (карусель). При нажатии на галерею появятся полноэкранные изображения, которые можно просматривать с помощью кнопок «Предыдущее» и «Следующее».
Это незаменимая функция для фотографов, чтобы разместить свое портфолио. К тому же, есть возможность для отображения данных EXIF.
Простой способ изменить фон для WordPress сайта
Сегодняшняя статья будет наиболее интересна новичкам, которые хотят изменить или установить фон для своего сайта на WordPress, ведь в ней я расскажу об одном быстром и простом способе сделать фон для своего интернет-ресурса.
Совсем недавно я сам менял фон для своего сайта, поэтому мне пришлось поискать соответствующую информацию в интернете, касающуюся в первую очередь знаний языков html и CSS.
Теперь я знаю, как реализовать поставленную задачу быстро и просто, и поэтому расскажу об этом на страницах своего сайта, чем (как мне хотелось бы верить) избавлю вас от аналогичных поисков и соответствующих временных затрат!
Но для начала давайте выясним, что из себя может представлять фон для сайта?
А представлять он может следующее:
Это основные способы получения фона для сайта, теперь настало время разобраться со способом реализации каждого из них.
Как поменять фон сайта WordPress?
Все манипуляции по изменению фона для сайта, которые я буду рассматривать в данной статье, будут касаться файла style.css шаблона WordPress, а если быть еще точнее, то фрагмента данного файла, в котором прописываются свойства для класса body.
Обычно данный фрагмент располагается в самом начале файла style.css и в моем случае выглядит следующим образом (некоторые характеристики темы скрыты):
Скажу сразу, что в моем случае фон для сайта уже реализован с применением многократно повторяющейся (как по горизонтали, так и по вертикали) картинки, за что отвечает свойство:
background: url(images/background.jpg) repeat;
В случае с вашим шаблоном данный код скорее всего будет отсутствовать, поэтому, если вы хотите сделать для своего ресурса на WordPress фон путем повторения изображения, то следует данное свойство прописать для класса body, учитывая при этом необходимость наличия по указанному пути выбранного изображения (если изображения нет, то его следует добавить в папку по указанному пути).
В представленном фрагменте кода прописан путь (относительно директории с шаблоном) до изображения, которое используется в качестве фона. В свою очередь значение repeat отвечает за повторение изображения по горизонтали и по вертикали таким образом, чтобы данным изображением заполнялся полностью весь фон (аналогично свойству «замостить» в настройках рабочего стола Windows).
Справедливости ради стоит добавить, что существует возможность задать повторение изображения только по горизонтали (repeat-x вместо repeat) или только по вертикали (repeat-y вместо repeat).
Таким образом, мы сразу разобрали как реализуется фон, полученный в результате многократного повторения какого-либо изображения. Для наглядности привожу скриншот своего сайта:
Стоит добавить, что при реализации данного способа логично подобрать изображение таким образом, чтобы при его многократном повторении не было видно границ в местах перехода. В моем случае я использовал полностью симметричное изображение:
Теперь рассмотрим как сделать однотонный цветной фон.
Делается в данном случае все крайне просто, нужно лишь прописать для класса body следующее свойство:
Для примера я взял цвет #123456, результат следующий:
Номер цвета можно подобрать с помощью палитры цветов Photoshop, а также с помощью онлайн-сервисов, которые не составит труда найти в интернете по поисковому запросу «палитра цветов html».
Далее на очереди способ, подразумевающий использование в качестве фона одного изображения целиком.
Тут все также довольно просто: закидываем на хостинг выбранное в качестве фона изображение, и для body в style.css прописываем свойство:
background: url(путь к файлу изображения) no-repeat top fixed;
На примере своего сайта я реализовал и данный способ, вот скриншот:
Ну и последний на сегодня способ, который сочетает в себе два предыдущих, то есть в качестве фона используется изображение, а остальная область заливается цветом.
Прописываем для body в style.css свойство:
background: #123456 url(путь к файлу изображения) no-repeat top fixed;
Результат на скриншоте:
Цвет #123456 я взял для примера, причем специально подобрал такой, чтобы было видно границу между картинкой и заливкой цветом. По идее, как не сложно догадаться, в жизни чаще всего подобирается цвет таким образом, чтобы данный переход наоборот был незаметен.
Таким образом, в данной статье мы рассмотрели способ, с помощью которого можно легко и просто сделать фон для своего сайта на WordPress.
Комментарии 34
Было бы очень полезно дать ссылку на сайты с фонами или самому архивчик закинуть на облако и дать ссылку.
Я раньше как то затеял эту волокиту с заменой фонов, столько времени потерял и всё зря. Вот такой фон сейчас намного лучше синего, без вариантов даже.
Сейчас в моде минимализм и не навязчивость отдельных элементов дизайна.
У меня в платном дизайне показал в настройках картинку и она сама встанет как нужно для фона. Картинки большого размера настоятельно не рекомендую выставлять на фон, поскольку резко увеличится скорость загрузки сайта, а это один из ключевых показателей, помните об этом. 💡
Согласен на счет «тяжелых» картинок, Николай. Как и на счет минимализма, я его сторонник во всех проявлениях, не люблю лишнего!
Я думаю должна быть золотая середина. Минимализм, тоже смотрится очень просто, максимализм — слишком пестро, не за что глазом ухватиться.
В ближайшее время не планирую на своем блоге менять, но буду теперь знать как! ➡
Это правильно — нужно всегда много знать, развивать свое познание и разум — но не все применять.
Хорошая статья. Я одно время тоже задался этим вопросом, только я хотел не фон изменить, а добавить слева и справа картинки, которые как бы выглядывают из-за основного поля блога. Мучился-мучился, искал в нете, потом вообще шаблон сменил, но проблема осталась нерешенной. Может сейчас займусь…
Спасибо, Антон!
Проблемы они такие 🙂 иногда через какое-то время возвращаешься к их решению, и все получается, ведь опыт постоянно приобретается, и навыков становится больше.
Как-то я тоже хотел поменять фон одного своего блога, нашел информацию по этой теме, пробовал ставить разные фоны, но мне не понравилось и я остался со своим прежним.
а мне вообще нраивтся минимализм в дизайне. а то бывает зайдешь на блог,а там все крутится сверкает разными цветами, не поймешь где фон, а где основные картинки… лучше меньше, да лучше 🙂
В большинстве шаблонов фон можно сменить в самых настройках или просто заменить картинку на хостинге…
Но, через код тоже очень познавательно! 😉
Через код есть больше возможностей для полета фантазии. Я сам также стараюсь во всех возможных местах использовать исключительно код — правда не всегда получается так как хочется.
Хорошая статья и интересная. У меня при выборе темы, была функция фона. И как Вы видели, я выбрал картинку и до сих пор она мне пока нравится ➡
Это хорошо, когда дизайн своего блога нравится. Мне бывает через какое-то время хочется что-то поменять ➡
Спасибо, можно попробовать этот способ, может получится, что-нибудь интересное. 🙂
Хороший способ! Вот только с моим градиентом на блоге, это смотреться будет не очень красиво 😕
Евгений, на твоем блоге уже как раз сделан фон многократно повторяющейся по горизонтали картинкой, на которую и наложен градиент 🙂
При желании данную картинку можно убрать или заменить на другую, и градиент никак не отразится на новом фоне.
Полезная информация, приму к сведению. Попробую как нибудь изменить фон на своем блоге. 😉
Полное руководство по управлению изображениями WordPress
Визуальное воздействие – одна из самых важных функций, когда речь идет о эффективном плане контент-маркетинга. Добро пожаловать в новую серию постов – Полное руководство по управлению изображениями в WordPress.
Он разработан, чтобы предоставить вам инструменты, необходимые для управления вашими изображениями в WordPress – прямо от технических оптимизаций, SEO, интеграции CDN и управления библиотеками. В этом многостраничном руководстве мы будем рекомендовать только те методы, учебные пособия, плагины и темы, которые мы пробовали или рекомендуют отраслевые эксперты.
Мы также будем избегать слепого предложения плагинов, которые часто используются в репозитории WordPress. Скорее мы будем рекомендовать те, которые идеально сочетаются между ценностным предложением и оптимизацией производительности.
Вы можете спросить, как мы это сделаем. Более 24 000 загрузок нашей общей – отзывчивой многоцелевой темы WordPress в ThemeForest – не лучший показатель.
Что ж, мы просмотрели лучшие блоги ведущих хостинговых компаний WordPress (таких как WPEngine и Pagely) и узнали, что они узнали, обслуживая миллиарды просмотров страниц тысячам высокопоставленных клиентов. Мы собрали для вас всю эту информацию в крошечные абзацы и маркированные списки для вашего успеха в Интернете. А теперь приступим, ладно?
Технические советы и советы по оптимизации изображений WordPress
В WordPress доступно несколько вариантов оптимизации изображений, которые не создают ненужной нагрузки на веб-сервер. Мы рассмотрим некоторые из наиболее распространенных советов по оптимизации изображений, которым должен следовать каждый, а также несколько других, которые могут пригодиться в особых случаях.
JPG или PNG? Использование правильного формата изображения
Самый первый шаг в оптимизации изображения – хорошее начало. Говорят, хорошо начатая работа – половина дела. Это именно тот случай, когда речь идет об оптимизации изображений в WordPress. Все начинается с выбора правильного формата изображения. JPG и PNG – два наиболее распространенных формата изображений, используемых в контент-маркетинге в Интернете.
Уловка состоит в том, чтобы понять, какой формат выбрать для каждого типа изображения. Выбор неправильного приводит к огромному увеличению размера изображения. Вот правила.
Когда использовать формат PNG?
Для плоских изображений – таких как векторы, иллюстрации, шрифты, логотипы, баннеры, фигуры, баннеры и т.д. – все, что создано в векторном формате, таком как формат EPS или Adobe Illustrator (.AI), используйте PNG. В итоге вы получите оптимизированное изображение с почти нулевой потерей качества. Если вы используете в этом случае JPG, вы не будете жертвовать размером, но качество может оказаться недостаточным. Фактически, при более высоком разрешении PNG будет светлее без потери качества. JPG пострадает.
Возьмем его пример. Мы создадим плоское изображение размером 5000 пикселей и сохраним его как JPG и PNG.
Образец изображения, использованного для теста
| Плоское изображение | |
| JPG | 233 КБ |
| PNG | 42 КБ |
Вкратце, изображение JPG было на 455% выше, чем PNG при том же разрешении.
Когда использовать формат JPG?
Для всего остального используйте JPG. Все, кроме плоских или векторных изображений, используйте JPG. Фотографии людей, мест, вещей и т.д. – используйте JPG. Почти все стоковые фотографии в этой категории используют JPG. Если вы используете PNG вместо JPG, вы столкнетесь с серьезными проблемами с производительностью.
В этом случае нужно быть особенно осторожным. Если вы используете JPG вместо PNG, повреждений будет мало или вообще не будет. Однако, если вы используете кровавый PNG в случае JPG, вы создаете много места для повреждений. Взгляните на этот пример.
Настройка: я загрузил это изображение с Shutterstock, оно весит около 10,3 МБ при разрешении 6149 × 4562 – по сути, это стандартная фотография с разрешением 28 МП. Если мы не подготовим что-то вроде брошюры, готовой к печати, мы не будем использовать фотографии в полном разрешении в наших блогах. Допустим, у нас есть фиксированный максимальный размер изображения в нашем блоге 1600 пикселей.
Эксперимент: мы изменим размер исходного изображения до 1600 пикселей и создадим четыре версии – две для формата PNG и две для JPG. Для каждого формата (JPG / PNG) мы будем использовать (а) рекомендуемые настройки сжатия и (б) настройки максимального сжатия.
Образец изображения для эксперимента JEPG
Результаты: вот результаты в красивой диаграмме, которой вы можете следовать:
Исходное изображение (КБ)
На первый взгляд, можно подумать, что 84% сжатия PNG достаточно хорошо по сравнению с 98%, достигнутыми в JPG. Это не совсем так. Если вы внимательно посмотрите на размеры изображений, вы увидите, что PNG весит немногим более 1,7 МБ, тогда как JPG – 0,22 МБ. Это означает, что PNG в 8 раз тяжелее, чем версия того же изображения в формате JPG с тем же разрешением. Другими словами, при том же изображении и разрешении версия JPG на 700% легче, чем PNG!
При том же изображении и разрешении версия JPG на 700% легче, чем PNG!
Как правило, используйте PNG для плоских изображений и JPG для всего остального.
Контрольный список для загрузки стоковых фотографий в блоги
Существует множество блогов, где редакторы напрямую загружают версию изображения с полным разрешением в свои сообщения. Вот несколько советов по загрузке стоковых фотографий в блоги. Я использую бесплатное программное обеспечение IrfanView, в котором есть много замечательных функций. Я проиллюстрирую вам каждую из них.
1 Измените размер изображения
Во-первых, вам нужно определить максимальное разрешение для всех ваших изображений на вашем сайте WordPress. Любое изображение выше этого размера будет изменено, если, конечно, оно не меньше.
IrfanView имеет функцию пакетного преобразования (нажмите B после запуска приложения), которая может применить список функций к группе изображений за один раз. Для наших целей функции включают изменение размера, обрезку, добавление водяного знака и т.д.
2 Удалить данные EXIF.
Фотографии, сделанные с помощью обычной камеры, содержат множество встроенных метаданных, которые представляют собой не что иное, как крошечные (но полезные) кусочки информации об изображении. Примеры такой информации включают GPS-координаты места, где был сделан щелчок по изображению, настройки ISO, модель камеры и т.д.
Информация EXIF о случайной фотографии, нажатой на моем iPhone
Если мы не ведем фото-блог, нам обычно не нужна такая информация в изображении сообщения в блоге. Когда вы сохраняете или конвертируете изображения в IrfanView, данные EXIF обычно удаляются. Это помогает сохранить вашу конфиденциальность, особенно ваше физическое местоположение. Разница в размерах для большинства фотографий составляет около 200-300 КБ на изображение.
3 Сохранить как прогрессивный JPG
IrfanView по умолчанию сохраняет файлы JEPG как прогрессивные
Изображение в формате JPG с прогрессивной разверткой загружает изображение слой за слоем, тем самым ускоряя время загрузки. Сети доставки контента, такие как KeyCDN, начали автоматическое преобразование файлов JPG в прогрессивные JPG для ускорения доставки изображений и оптимизации хранения.
4 Установите DPI на 72.
DPI или количество точек на дюйм – это показатель качества изображения. Для материала для печати используется высокое значение DPI. Для Интернета идеально подходит значение 72.
Итак, резюмируя вышесказанное, ниже приведены мои настройки. Я запускаю эту функцию после того, как скомпилировал все изображения для своего сообщения в блоге – перед загрузкой изображений в WordPress.
Настройки пакетного преобразования в IrfanView для типичного блога WordPress
5 Оптимизируйте свои изображения
Независимо от того, использовали ли вы JPG или PNG, вам необходимо оптимизировать изображение. Существует множество потрясающих онлайн-инструментов, которые помогут вам оптимизировать изображения и сэкономить много места.
Я говорю о таких сервисах, как TinyPNG или TinyJPG, которые просто оптимизируют ваши изображения PNG / JPG с помощью некоторых продвинутых алгоритмов.
Оптимизированные изображения в TinyPNG
Честно говоря, я не знаю, как работают алгоритмы, но они есть, и мне всегда удавалось снизить на 50-70%, как бы лучше я их ни экономил.
Вы также можете купить профессиональную версию сервиса в виде плагина Photoshop за 50 долларов США. Доступны версии для Windows и Mac. Для моих целей лучше всего подходит онлайн-версия (в сочетании с функцией сохранения в Dropbox ).
Плагины оптимизации изображений в WordPress
Итак, мы научились правильно начинать работу. Что, если вы наткнулись на этот пост сейчас и уже загрузили сотни изображений? Что ж, вот несколько плагинов, которые помогут вам в этом:
EWWW Cloud Image Optimizer
Этот плагин является форком оригинального и широко популярного плагина EWWW Image Optimizer. Накопив более 500 000 загрузок, эти плагины оптимизации изображений позволяют оптимизировать изображения по мере их загрузки в WordPress.
Что отличает его от конкурентов, так это его способность оптимизировать существующие изображения в вашей базе данных, что приводит к огромному увеличению производительности. Это также существенно снижает затраты на пропускную способность, поскольку большая часть вашего трафика поступает из старых статей. Вы также можете при желании включить сжатие изображений с потерями (которое едва видно невооруженным глазом), но это может сэкономить много места и пропускной способности. Что касается технологии оптимизации, он может использовать TinyPNG или TinyJPG API для оптимизации новых и существующих изображений.
Но вот в чем проблема. Многие хосты (включая WPEngine) не поддерживают плагин EWWW Image Optimization, поскольку он создает дополнительную нагрузку на сервер. Если вам каким-то образом удастся обойти ограничения сервера, вы можете рискнуть заблокировать свою учетную запись из-за нарушений политики.
Здесь на помощь приходит плагин EWWW Cloud Optimizer. Он переносит все вычисления, необходимые для оптимизации изображений, в облако и просто заменяет неоптимизированные изображения оптимизированными. Поскольку для сжатия используется практически нулевая мощность процессора, дополнительная нагрузка на сервер отсутствует. Это справедливо для всех новых и существующих преобразований изображений на вашем сайте WordPress.
Планы и цены. Как и следовало ожидать, плагин не является бесплатным, поскольку разработчик должен оплачивать счета за облачные вычисления. Однако цена чрезвычайно разумна: 9 долларов США за 3000 оптимизаций изображений по предоплаченной подписке.
Плагин EWWW Cloud Optimizer красиво оформлен. Медиа-сканер подскажет, сколько изображений нужно оптимизировать перед покупкой. На основе изображений вашего сервера вы можете приобрести соответствующий план с предоплатой.
Плагин TinyPNG для WordPress
Это еще один отличный плагин для оптимизации изображений, который напрямую интегрируется с сервисом TinyPNG / JPG. Он автоматически загружает новые и существующие изображения в медиатеку WordPress. Этот плагин предлагает бесплатный план из 100 оптимизаций изображений в месяц.
Некоторое время назад Фредди составил список плагинов для оптимизации изображений – прочтите его, если хотите узнать больше по теме.
Заключение
На этом мы подошли к концу первой публикации этой серии. В следующей статье мы узнаем, как используются некоторые менее известные советы и приемы по оптимизации изображений, такие как предотвращение хотлинкинга, получение изображений с удаленных серверов и т.п. У вас есть несколько советов из категории ” Правильное начало работы”? Дайте нам знать в комментариях ниже.