Как оптимизировать изображения для сайтов и блогов

соцсигналов32
Facebook
Twitter32
Вконтакте

Сайт дня (как попасть): Контент-поддержка для людей. Для серьезных людей

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

Существует много более сложных вариантов, но они нас сегодня не интересуют. Схема проста, понятна и эффективна, как я люблю 🙂 .

Рекомендую смотреть видеоурок в полноэкранном режиме. Это можно сделать нажатием на иконку Fullscreen Toggle:

Fullscreen Toggle

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

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

Приглашаю вас подписаться на мои каналы в Telegram:

@shakinru - продвижение в рунете.
@burzhunet - англоязычное SEO.

Для своего блога я пришел к выводу, что изображения в постах должны быть шириной в 450 пикселей и иметь размер не более 40 Kb. Если изображение вытянуто в высоту, то делаю его ширину 350 пикселей.

Разрешение у оптимизированных картинок стандартное для интернета - 72 пикселя на дюйм. При сохранении для веба оно автоматически устанавливается на 72 пикселя на дюйм.

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

File-Open (Файл-Открыть)

Image-Image Size (Изображение-Размер изображения)

Image-Adjustments-Auto Color (Изображение-Настройки-Авто цвет)

Image-Adjustments-Auto Curves (Изображение-Настройки-Авто кривые)

File-Save for Web & Devices (Файл-Сохранить для веба)

Примечание - существует несколько версий русификации Фотошопа, и варианты перевода могут не совпадать.

Кстати, недавно нашел очень полезный онлайн сервис, который очень похож на Photoshop - Pixlr.com. Он бесплатен, прост и можно переключиться на русский язык интерфейса. Если под рукой нет Фотошопа - всегда можете на него зайти и оптимизировать нужные изображения, а также проделать другие манипуляции с картинками.

Желаю вам успехов в оптимизации изображений! Если есть желание научиться обработке фотографий и фотомонтажу, я буду рад вас видеть на своем сайте по урокам Photoshop!

Глобатор

Постовой (как попасть + обмен ссылками): Качественное продвижение сайта профессионалами.

Webmasters.ru - популярный SEO форум вебмастеров о заработке в интернете.

Перенаправление RSS ленты на прожженную FeedBurner ленту без плагинов

Десерт на сегодня - видео о забавном котенке. Не заулыбаться просто не получится!