Веб-дизайн
Это тот параметр, который можно легко настроить и который больше всего улучшит скорость загрузки сайта.
Например, очень важно оптимизировать художественное оформление. Это связано с тем, что если он будет неправильного размера или объема, это может сделать сайт намного медленнее.
Все мы знаем, что если сайт загружается слишком медленно, люди быстро нажмут кнопку «назад» в своем браузере. Если загрузка сайта занимает более трех секунд, до 40% пользователей немедленно покидают сайт!
Поэтому очень важно, чтобы сайты загружались быстро. Это принципиально для пользователей, а скорость является важнейшим параметром в алгоритмах, например, Яндекса и Google.
Это означает, что медленный сайт будет иметь более низкий рейтинг в результатах поиска. Кроме того, трафик переходит на мобильные устройства. Как правило, скорость интернета на мобильных устройствах ниже, чем в корпоративных сетях.
Это помогает проиллюстрировать важность оптимизации изображений и графики на сайте.
Принципы сжатия фотографий
Сжатие.
Программные алгоритмы сжатия находят информацию в зацикленных изображениях и удаляют ее из файла. Это приводит к значительному уменьшению размера файла.
Самым известным форматом для этой цели считается JPEG, который следует использовать для хранения всех изображений на сайте.
Недостатком сохранения в формате JPEG является потеря деталей рисунка. Однако обычные пользователи не обнаружат этого в сжатых изображениях.
Размер.
Видеокамеры теперь могут делать снимки с гораздо более высоким разрешением. Даже недорогие видеокамеры могут создавать простые изображения, например, 4290 x 2800 пикселей. Что касается уменьшения размера файла, то на практике это мало что дает.
Изменение размера фотографии занимает гораздо меньше места и не изменяет качество того, что пользователь видит в браузере.
Здесь, на сайте ivashovsv.ru, изображение имеет размер всего 870 x 400 пикселей. При экономии этого пространства получаются хорошие изображения, а страница загружается быстро.
Насколько большими должны быть изображения на сайте?
Размер изображений на вашем сайте будет сильно варьироваться в зависимости от дизайна.
Тема WordPress Restart, которую я использую, имеет максимальную ширину 870px для самого контента. Это ширина, при которой я делаю свои проекты.
На других сайтах WordPress изображения обычно имеют меньший размер, например 750px x 350px, поскольку могут существовать ограничения по ширине полотна, на котором отображаются текст и фотографии. Опять же, все зависит от тематики сайта.
Как правило, можно защищать фотографии и изображения шириной 800 пикселей. Это касается большинства материалов на WordPress. Как и в случае с форматом JPEG, изображения такого размера загружаются относительно быстро.
В некоторых дизайнах теперь используются фотографии, заполняющие весь экран. Здесь, однако, значение должно быть увеличено, прежде чем изображение будет выглядеть хорошо.
Например, выбор ширины 1600 пикселей для иллюстраций будет правильно отображаться на большинстве устройств.
Однако, поскольку изображения не должны превышать 50 кб, сбалансировать это может быть очень сложно. В общем, чем меньше вы контролируете надежность вашего произведения искусства, тем меньше вы контролируете его скорость. Например, мы говорим о том, как найти хороший баланс.
ОБУЧЕНИЕ: Узнайте больше о дизайне для социальных сетей, его размерах и о том, где его создавать.
Как сжать фотографии и изменить размер?
Если вы еще не загрузили Благотворительный редактор изображений Paint.net, мы рекомендуем вам сделать это сейчас.
Когда дело доходит до редактирования и создания изображений, Paint.net способен справиться со всем, что нужно вам как хозяину сайта.
После того как вы скачали Paint, установили и запустили программу, необходимо правильно ее настроить.
- Нажмите «Файл» в рационе, а затем «Открыть». Найдите и откройте изображение, которое вы хотите применить на своем сайте.
- На вкладке Изображение нажмите Изображение, а затем нажмите Изменить размер. В разделе Размер/ширина пикселя: введите 800.
- Следующее, что нужно сделать, это сохранить изображение в формате JPEG. Затем нажмите Файл и Сохранить как.
- Введите имя файла для изображения, убедитесь, что в разделе Тип файла выбран JPEG, и нажмите кнопку Сохранить.
- Да, чем ниже вы можете установить качество фона в верхней части, тем меньше будет изображение. Неплохое предположение, но свойства устройства считаются 65.
- Наконец, нажмите OK.
Совет: Рекомендуется применять текст при сохранении имени фотографии. Это, безусловно, поможет Яндексу и Google отслеживать ваши заметки и содержание ваших фотографий.
ПРИМЕР: Я назвал иллюстрацию в верхней части этого сообщения «Как сузить круг фотографий». Это основная поисковая строка, для которой я изменил этот пост.
Теперь я научился ужимать фотографии без ущерба для активов моего сайта. Если вы последуете приведенным выше советам, вы сможете оптимизировать свои собственные фотографии для использования в Интернете.
Например, вам очень нужно увеличить скорость вашего сайта, поэтому вам нужно разместить их на всех ваших изображениях. Они должны загрузиться менее чем за секунду. Оптимизированные изображения играют важную роль в достижении этой цели.
Резюме
Оптимизируйте все собственные фотографии Очень важно сконцентрироваться на оптимизации скорости работы вашего сайта.
Здесь заканчивается небольшая статья на тему того, как сжать фотографии без платных функций и получить более веселый сайт. Вы можете продолжить свой пост о 16 самых быстрых темах WordPress!
Мы надеемся, что вам понравится этот пост. Если вам понравилось, не забудьте поделиться им со своими друзьями, нажав на кнопку «Социальные сети».
