Сжатие изображений без потери качества

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

Я уже упоминал о том, что быстрая скорость сайта очень важна, если вебмастер хочет добиться высокой посещаемости и попадания в ТОП поисковых систем. А значит — самое время заняться оптимизацией своих картинок.

Раньше я использовал для уменьшения веса картинок программы Photoshop и ImageReady. В программе фотошоп мы оптимизируем картинку с помощью команды Файл — Сохранить для Web. Программа ImageReady идет в комплекте с программой Adobe Photoshop CS3. Как оптимизировать картинку с помощью нее, Вы можете узнать из статьи Уроки Adobe Photoshop, просмотрев видео Обработка изображений.

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

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

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

К примеру, картинка на главной странице моего сайта, та, на которой нарисована схематически дорога к бизнесу за компьютером, после всех оптимизаций весила 34 килобайта. С помощью этого сервиса я уменьшил ее вес до 29 килобайт.

А верхнюю картинку этой статьи, которая поначалу весила 34 килобайта, я без оптимизации загнал на этот сервис. На выходе я получил 6,5 килобайт. Сжатие с помощью ImageReady позволило получить картинку с весом 7,9 килобайт.

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

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

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

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

Сервис CompressJPG/CompressPNG

У сервиса два варианта работы, в результате которых на выходе выдается или изображение в формате JPG, или изображение в формате PNG. Чтобы переключиться на нужный режим, выбираете его нажатием на кнопку в правом верхнем углу JPG/PNG.

Работать с сервисом очень легко и удобно. Заходите на сервис:

Выбираете формат, в котором будет итоговая картинка. Затем нажимаете на кнопку Select files. Выбираете картинку, или несколько, до двадцати штук за раз, на своем компьютере, и нажимаете Открыть. Картинки могут быть любого формата.

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

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

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

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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

pro444.ru

Повернуть фото на 45, 90, 180 или несколько градусов онлайн

Обработка JPEG фотографий онлайн.

Главное нужно указать картинку на вашем компьютере или телефоне, указать угол поворота картинки в градусах, нажать кнопку ОК, подождать пару секунд и скачать готовый результат. С настройками по умолчанию картинка будет повёрнута на 90 градусов по часовой стрелке, с учётом и коррекцией поворота в Exif, если такова запись там имеется. Это нужно для того, чтобы ориентация картинки (портретная или альбомная) была всегда одинаковой при просмотре в разных программах, которые могут учитывать или не учитывать поворот во встроенной Exif-информации.

Примеры с вертикальной фотографией батарейки «Kodak», повёрнутой

на 5 градусов по часовой стрелке, на 25 градусов против часовой стрелки и на 90 градусов по направлению часовой стрелки:
Картинка повёрнута на 5 градусов по часовой стрелкеПовёрнутая картинка на 25 градусов против часовой стрелкиИзображение, повёрнутое на 90 градусов по часовой стрелке
Все вышеуказанные примеры были сделаны со всеми настройками по умолчанию, кроме разных «углов поворота».

Исходное изображение никак не изменяется. Вам будет предоставлена другая обработанная картинка.

2) Настройки для поворота изображения

Угол поворота: (от -360.00° до 360.00°, 0°=»физический поворот на основе exif»)
(Положительное значение позволяет повернуть картинку по часовой стрелке ⟳, а отрицательное – против часовой ⟲)
Тип поворота изображения: Обычный или «физический» поворот на любой угол (выбрано по умолчанию)
(Подходит для поворота на 90, -90, 180, 270 градусов, если не кратно 90°, то появится однотонный фон)

С автоматической обрезкой однотонного фона, с сохранением пропорций
(Рекомендуется для поворота на несколько градусов, например, на: 3, 5 или 15 градусов)
С автоматической обрезкой однотонного фона, с сохранением пропорций и размеров изображения
(Размер результата в пикселях будет таким же, как и у исходной картинки, также подходит для поворота около 15 градусов)

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

Поворот jpg-картинки «в EXIF» без потери качества на: стереть поворот в EXIF0°90° по часовой стрелке90° против часовой стрелки180°, перевернуть вверх ногами (только для JPG)

(Указанный в самом начале «угол поворота» игнорируется, повторное сжатие jpeg не применяется)
Поворот jpg-картинки «физически» без потери качества на: 90° по часовой стрелке90° против часовой стрелки180°, перевернуть вверх ногами (только для JPG)
(Физический поворот jpeg-картинки без повторного сжатия, указанный в самом начале «угол поворота» игнорируется)


Цвет однотонного фона: красныйрозовыйфиолетовыйсинийбирюзовыйнебесныйсалатовыйзелёныйжёлтыйоранжевыйчёрныйсерыйбелыйпрозрачный (только для PNG-24) или цвет в формате HEX: открыть палитру
(Этот параметр используется при «обычном повороте», не кратном 90°, а также при «вращении относительно центра»)
Учитывать поворот картинки в EXIF + коррекция этой записи: включеноне применять
(Позволяет избавиться от путаницы, связанной с поворотом картинки в exif и с её физическим поворотом)

3) Формат изображения на выходе


JPEG cтандартныйпрогрессивный с качеством (от 1 до 100)
PNG-24 (без сжатия, без потери качества, с поддержкой прозрачности)
Копировать EXIF и другие метаданные? Да Нет


  Обработка обычно длится 0.5-20 секунд.

www.imgonline.com.ua

Фотошоп онлайн на русском. Photoshop online

 

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

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

Руководство пользования онлайн редактором фотографий.

При переходе в фотошоп онлайн открывается стартовое меню:

В данном меню можно: начать создание изображения с чистого листа, загрузить изображение с компьютера или ввести URL адрес изображения.

Если Вы решили создать новое изображение, Вам необходимо указать имя и размеры нового изображения.

Рассмотрим верхнее меню в бесплатном онлайн редакторе.  

Для создания нового изображения в бесплатном редакторе используется вкладка Файл-> Новый рисунок… или (Ctrl+N). В результате будет создан чистый лист с указанными размерами полотна.

Чтобы открыть уже имеющееся изображение используйте Файл-> Открыть изображение…  или (Ctrl+O). Готовые изображения можно загружать в фотошоп из интернета при помощи Файл-> Открыть URL изображения… Все изображения в фотошопе можно сохранять и посылать на Печать прямо из окна Вашего браузера.

Для редактирования фотографии в фотошопе онлайн используется вкладка Редактировать.

Здесь Вы найдете такие полезные инструменты как Отменить или Повторить последнее действие над изображением. Все действия можно наглядно наблюдать в меню Журнал в правом нижнем углу онлайн редактора фотографий. 

Для наклона и поворота изображений в фотошопе применяется вкладка Изображение.

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

Для работы со слоями в онлайн редакторе применяется вкладка Слой.

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

Чтобы добавить дополнительные эффекты для слоев такие как: отбросить тень, скос, внутренняя тень и свечение, применяется инструмент Слой-> Стили слоев…

Для работы со слоями в фотошопе есть отдельная панель Слои в правом нижнем углу.

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

Для того чтобы выполнить цветокоррекцию фотографии онлайн используется вкладка  Коррекция.

В данной вкладке можно

выполнить онлайн цветокоррекцию фотографий автоматически, используя инструмент Автоматические уровни. Для работы со старыми фотографиями в фотошопе онлайн используется инструмент Старая фотография… Также можно из цветной фотографии создать черно-белую, изменить яркость и контраст, цветовую насыщенность и многое другое.

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

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

Многие из инструментов проиллюстрированы на панели Навигатор справа.

Для выбора языка интерфейса в фотошопе онлайн используется вкладка Язык.На выбор предоставляется довольно много языков, в том числе русский, украинский и английский.

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

Рассмотрим набор инструментов доступный в бесплатном редакторе.

Панель инструментов в фотошоп онлайн.

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

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

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

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

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

Добавить в закладки:

Похожие Фотошоп записи:

mirphotoshop.ru