Как я оптимизирую картинки для блога

Приветствую вас, друзья!

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

А потом подумала, что раз я веду свой блог – значит я блогер. А если я блогер, то ничто блогерское мне не чуждо. Авось и моя инфа кому-нибудь пригодится. Или кто-то меня натолкнёт на что-то дельное.

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

Фото, которые я делаю для мастер-классов своим цифровым фотоаппаратом, изначально весят больше 2 МБ. Представляете, сколько бы весила одна такая статья, и на сколько бы хватило моего дискового пространства на хостинге, если бы я не проделывала определённые манипуляции со своими изображениями?

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

Сейчас в рунете есть множество статей с информацией о том, как можно оптимизировать размер изображения самыми разными способами. Поэтому знаю, что никой Америки не открываю. Просто хочу рассказать, какой способ облюбовала я. Для меня он очень простой и быстрый.

Пользуюсь одним бесплатным веб-редактором фотографий онлайн, с помощью которого можно не только изменять размер, но и всячески редактировать изображения. Недостатки: нужен интернет, и сервис иногда глючит, но, к счастью, это бывает ОЧЕНЬ редко.

А теперь о том, как пользоваться этим редактором. Заходим по адресу: https://pixlr.com/editor/

Выбираем в меню «Загрузить изображение с компьютера» и выбираем из своих папок картинку, которую хотите редактировать.

Тут же, по ходу дела, её можно обрезать, если нужно. Для этого кликаем на первую иконку в виде квадратика в левом верхнем углу:

С помощью курсора выделяем нужную область.

Чтобы сохранить нужные изменения, кликаем на любой другой раздел в верхней горизонтальной строке меню. Тогда всплывает окно «сохранить изменения?», кликаем кнопочку «Да» — и изображение обрезано.

Теперь его нужно уменьшить. В нижней строке под фото можно увидеть его размеры в пикселях. Как видите 2882 х 2876 px – это много.

Кликаем на раздел меню «Изображение» и из открывшегося списка выбираем «Размер изображения».

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

Чтобы сохранить отредактированное изображение, кликаем: «Файл» — «Сохранить».

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

По умолчанию качество изображения устанавливается 80%. Ползунком вы можете выбрать качество выше, но тогда и весить картинка будет больше. Тут же, внизу справа, можно увидеть, сколько будет весить сохраняемое изображение. Кликаем на «Да», выбираем нужную папку, редактируем название файла – вот и всё!

А теперь смотрите. Фото, которое я взяла для примера изначально имело размеры 4608 х 3456 px и весило 3,64 МБ, а после редактирования – 42 КБ. Ощущаете разницу? И значительной потери качества изображения я не заметила.

Более того, этот редактор позволяет делать надписи, менять цвет, яркость, контрастность, насыщенность, создавать новые изображения при помощи слоёв, и многое другое. Но в этой статье я не стала затрагивать эти моменты. Если захотите познакомиться с редактором поближе (кто ещё не знаком) – сможете сами легко во всём разобраться.

А я прощаюсь с вами до новых встреч!

(4 голосов, средний: 5,00 из 5)

Загрузка...