Как загрузить большие изображения в WordPress

По мере того, как скорость интернета растет быстрее, а ограничения пропускной способности снимаются, фотографы и другие творческие профессионалы наконец-то получили возможность представить свои изображения во всей красе в высоком разрешении в Интернете.

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

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

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

Оптимизация изображения

Прежде чем загружать изображения в WordPress, вы должны оптимизировать их для просмотра в Интернете. Photoshop и Lightroom имеют опцию «сохранить для Интернета», которая позволяет вам выбирать различные уровни качества и видеть, как это влияет как на четкость изображения, так и на время загрузки.

Если вы используете другую программу редактирования изображений, в которой нет инструмента сжатия, вы можете использовать онлайн-инструмент, такой как Image Optimizer, для сжатия файлов перед размещением их на своем веб-сайте.

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

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

JPG, как правило, лучший формат файла для сохранения фотографий для Интернета. После того как вы сохранили оптимизированное изображение в графической программе, вы можете дополнительно сжать его с помощью такого инструмента, как Smush.it, который уменьшает размер файла без ущерба для качества.

Создание миниатюр

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

WordPress автоматически создает эскизы, когда вы загружаете изображение через загрузчик мультимедиа. Размеры этих миниатюр можно изменить в настройках WordPress (через « Настройки» > «Мультимедиа» ), и вы можете выбрать, должны ли они быть изменены пропорционально или обрезаны, чтобы соответствовать размерам.

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

WordPress также включает в себя функции для создания галереи непосредственно из сообщения или страницы. Вам просто нужно выбрать изображения, которые вы хотите включить, и нажать «Создать новую галерею». Хотя это нормально для базовых галерей миниатюр в сообщениях блога, вам, вероятно, потребуется больше контроля над внешним видом и работой галереи основного сайта. Вы можете добиться этого, используя тему портфолио WordPress, слайд-шоу GPP или один из многих доступных плагинов галереи WordPress.

Встраивание изображений в сообщения блога

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

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

Стоит отметить, что WordPress сохраняет изображения с качеством 60% при изменении их размера. Если этого качества вам недостаточно, используйте плагин GPP Improve Image Quality, чтобы автоматически сохранять измененные изображения WordPress со 100% качеством.

Водяные знаки и защита файлов

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

В некоторых случаях вы можете захотеть сделать исходный файл доступным, но только для пользователей с полномочиями (например, если вы продаете стоковые изображения непосредственно со своего сайта или имеете функцию онлайн-проверки). В этом случае идеально подойдет такой плагин, как плагин Sell Media. Помимо защиты исходного файла, этот плагин автоматически генерирует различные размеры из исходного файла и позволяет покупать их по установленной вами цене.

Sell ​​Media также имеет расширение водяного знака, которое позволяет вам защитить ваши большие изображения, поставив на них водяной знак с вашим логотипом или изображением по вашему выбору.

Увеличение лимита загрузки файлов

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

Если вы войдете в загрузчик мультимедиа WordPress, вы увидите максимальный размер загружаемого файла, который может составлять всего 2 МБ. Это просто недостаточно для очень больших изображений, поэтому вам нужно будет отредактировать его, если вы хотите загрузить свои фотографии с высоким разрешением через WordPress.

Это ограничение является настройкой сервера, а не WordPress, поэтому вы не можете изменить его с панели управления. Вместо этого вам придется отредактировать файл php.ini , который можно найти в корневом каталоге вашего веб-сайта с помощью FTP-клиента.

Скажем, например, вы хотите увеличить лимит загрузки файлов до 64 МБ. Откройте файл в текстовом редакторе, найдите следующие строки и при необходимости измените значения:

upload_max_filesize = 64M
post_max_size = 64M
max_execution_time = 300

Сохраните файл, повторно загрузите его в каталог wp-admin и, надеюсь, это должно было сработать, чтобы увеличить лимит загрузки файлов.

Альтернативный способ изменить ограничение размера файла — отредактировать файл . htaccess- файл. Вы найдете этот файл в корневом веб-каталоге. Если вы его не видите, убедитесь, что ваш FTP-клиент настроен на отображение скрытых и системных файлов. Отредактируйте файл и добавьте следующий код:

php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300

Перезагрузите файл, и все будет хорошо.

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

Наслаждайтесь большими изображениями, но следите за временем загрузки

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

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