Опубликовано: 2015-02-12

Как оптимизировать размер картинок

Как оптимизировать размер картинок

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

Зачем уменьшать размер картинок?
Возможно, у вас может возникнуть такой вопрос «Зачем уменьшать размер картинки?». А правда, пусть какие есть картинки, такие и вставляем. НО! Это улучшает скорость загрузки вашего сайта/блога и также как я написал выше, уменьшение размера картинки делает её уникальной.

На заметку. Для оптимизации картинок для сайта рекомендую использовать один из лучших инструментов веб-мастера и любого дизайнера по графике — Photoshop CS5 (одна из самых последних версий). Photoshop CS5 просто идеально сжимает картинку, на глаз визуально не отличить оригинал картинки без сжатия и после оптимизации. А также с помощью Photoshop можно автоматизировать обработку картинок, например, настроить сценарий и оптимизировать картинки для сайта массово. Если у вас до сих пор нет Photoshop или на вашем ПК установлена «древняя» версия, тогда незамедлительно скачайте Photoshop CS5.

Как уменьшить вес картинки?
Если у вас есть программа, которая называется Adobe Photoshop (хотя она должна быть у каждого блоггера), то вы можете просто сохранить это изображение. Покажу, как это делается. Вот допустим у вас есть какое-то изображение, которое вы хотите опубликовать на вашем сайте и вы хотите для начала уменьшить его размер.

Для этого выбираем команду «Файл-Сохранить для Web» или нажать сочетание клавиш ALT+Shift+CTRL+S. В нижнем левом углу красным обведён размер картинки, выше находится сжимаемая картинка(кстати, это 3d обложка моего будущего курса), а в правом верхнем углу можно выбрать формат картинки(png, jpg, gif и wbmp).

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

Потом открываем её с помощью программы «Диспетчер рисунков Microsoft Office» и в верхней части программы нажимаем «Изменить размер рисунка» и «Сжатие рисунков» потом справа будет несколько переключателей, но мы выберем только один «Веб-страниц».

Затем ниже появится кнопка «ОК», нажимаем её, и потом выбираем команду «Сохранить». Потом появится окошко, где вы должны нажать «Создать файл». И теперь в той папке где вы сохранили изображение, появится вторая картинка, которая имеет такое же имя как та, которую вы сохранили через фотошоп, только у её будет формат jpg.

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

Также сжатию способствует создание скриншота. Размер также может уменьшится (иногда наоборот увеличивается). Что бы сделать скриншот картинки, я открываю изображение с помощью программы просмотра изображений, потом запускаю программу, которая есть у всех пользователей Windows первоначально Ножницы и вырезаю часть экрана. Работает она очень понятно, и думаю, вы разберётесь.

Вот теперь у вас есть несколько способов оптимизации картинок. Выбирайте более приемлемый способ для вас. Пользуйтесь и удачи!

Запись опубликована в рубрике Статьи. Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.