Недавно меня попросили продолжить фон вот у этой картинки.

Поэтому поводу решила написать, как я это делаю.
Итак, приступим.
1.
Открываем картинку в фотошопе.

2.
Инструментом Rectangular Marquee (Прямоугольное выделение)
Выделяем изображение и копируем выделение на новый слой.

3. Удаляем нулевой слой — он нам больше не нужен.
Для этого внизу в
палитре вслоёв жмём на иконку с корзинкой и в появившемся окошке жмём

Или жмём в палитре слоёв на нулевой слой правой кнопкой и в
появившемся меню жмём на удаление слоя.

4.
Так, как данное изображение маленькое, я увеличила просмотр до 200%
Сделать это можно в палитре Navigator.
Если вы её не нашли на рабочем
столе фотошопа, то ступайте в меню и откройте эту панель.

Теперь приступим к главному.
Начнём с правой стороны.

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

6.
Инструментом Move (Перемещение) передвигаем копированный кусочек и отображаем его горизонтально.

7.
Теперь нам нужны инструменты ретуширования.

В параметре — Brush (Кисть) жмём на стрелочку и у нас выпадает окошко с
кистями. Возьмём стандартную мягкую кисточку. В моём случае достаточно
на 23 пикс.

На скрине я выделила красным параметр -Hardness (Жесткость). В этой
настройке пользователь определяет, насколько у кисти должны быть мягкие
края. 0% обозначает, что края будут предельно сглажены. Чем больше %,
тем края более чёткие.
Итак, мягким ластиком, который мы только что настроили аккуратненько стираем левый край с дублированного кусочка.

9.
Объединим слои. Жмём правой кнопкой мышки по слою с фрагментом и выбираем

Сделаем ещё одно прямоугольное выделение и скопируем его на новый слой.
Этот кусочек так же, как и предыдущий, перетаскиваем и ретушируем.так-же как было описано выше
Соединяем слои.
Так продолжаем до полного заполнения правой стороны фоном
Переходим на левую сторону.
Повторяем ходы, которые мы делали для правой стороны.
Смотрите по
рисунку и выбирайте, какие кусочки вам копировать, чтобы получилось
реалистичное изображение.
Накладывайте один кусочек на другой,
свободной трансформацией (сочетание клавиш Ctrl+T) изменяйте размер
кусочков.
В общем, включайте фантазию.

Ещё могу посоветовать воспользоваться такими инструментами, как -Blur (Размытие) и Smudge (Палец) .

Они дают интересные результаты.
Так же можно воспользоваться
инструментом -Patcn (Заплатка)
Является сочетанием произвольного выделения и заливки.
Его удобно
использовать при ретушировании.

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

» Обрезка и сжатие фото без Photoshop

В Интернете довольно много статей о том, как обрезать фото в программе Photoshop. Но Photoshop далеко не всегда есть под рукой, к тому же у последних версий долгое время загрузки и большие системные требования. Сейчас почти во всех программах для просмотра картинок есть набор функций для сжатия, растягивания фотографий и изменения их размера. Лично мне для простой обработки фото нравится использовать программу XNView: она бесплатна, имеет русский интерфейс, и ее можно носить с собой на флешке. Скачать ее можно по адресу http://xnview.com .

Итак, мы установили и запустили XNView и открыли в нем какую-нибудь фотографию. Теперь мы с ней можем сделать следующее:

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

Пример: обрезаем фото с размера 1600×1200 до 1200×1200, оставляя изображение из правой части фотографии.

2) обрезать фото произвольным образом , например, вырезать из большой фотографии только лицо для аватара. Это самая простая операция. Помещаем курсор мыши в левый верхний угол нужной части изображения, нажимаем и удерживаем левую кнопку и ведем курсор в правый нижний угол, так чтобы нужная часть фото оказалась выделенной прямоугольной рамкой. Затем щелкаем правой кнопкой и выбираем в появившемя меню «Обрезать» или просто нажимаем с клавиатуры Ctrl+Y. Все, что окажется вне рамки, исчезнет.

Пример произвольной обрезки фотографии и результат такой обрезки. Обратите внимание: в статусной строке внизу в процессе выбора области для обрезки показывается ее размер.. Дальше получшившееся фото можно уменьшить до нужных размеров и сделать аватаром.

3) cжать/растянуть фотографию Для этого заходим в меню «Рисунок», выбираем там пункт «Изменение размера» и задаем желаемый размер в пикселях в полях «высота» и «ширина». Программа произведет сжатие или растягивание фотографии.
Обычно при сжатии немного теряется резкость (по крайней мере, при использовании обычного метода выборки Lanczos) и фотография размывается, поэтому после сжатия имеет смысл зайти в меню «Фильтр», выбрать там пункт «Эффекты» и выбрать какой-нибудь один из следующих фильтров: «Проработка деталей», «Проработка краев», «Улучшение фокусировки», «Восстановление фокуса». Какой именно — зависит от конкретной фотографии: включите опцию «Применить к рисунку» и посмотрите, какой результат вам нравится больше всего.

Уменьшение фотографии с 1600×1200 до 800×600 и применение фильтра для улучшения резкости.

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

Помню перерыл много информации и испробовал не мало способов, пока не нашел именного того решения, что нужно было именно в тот момент.

Ниже я покажу 3 способа, которые растягивают фон на всю ширину экрана.

Способ №1

Первый способ использует чистый CSS3 . Все получается благодаря свойству background-size . В моем случаи я буду растягивать картинку на всю ширину экрана, то есть присвою свойства к тегу body . Вы можете применить по надобности к блоку например.

Растягивать на весь экран будем вот эту картинку с милой девушкой 🙂

В общим определяемся с блоком которому присваиваем стили и дописываем в файле стилей данному блоку, следующий код:

Body{ background: url(images/bg.jpg) no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

Как видите, в параметре background добавляем путь к изображению и устанавливаем положение картинки относительно экрана. В нашем случаи это center и top. Это означает что картинка будет в центре экрана, и прижата своим верхом к верху экрана. Это для того, чтобы всегда было видно лицо девушки. Если у Вас например абстрактный фон или природа, где видно небо, поле, горизонт, то можно поставить значения center и center. В общим если вы знакомы с CSS, то думаю разберетесь. Также установлено значение fixed , которое фиксирует изображение.

Способ №2

Данный способ использует обычный CSS. По сути тоже простой. Выводим в теле сайта изображение присвоив id — bg :

И прописываем стили:

#bg { position:fixed; z-index: -1; top:0; left:0; min-width:100%; min-height:100%; }

Позиционирование фиксированное и проходит растяжение на весь экран.Вот так просто:).

Способ №3

Тут применяется jQuery . Поэтому сначала нужно подключить библиотеку, если она не подключена ранее.

После библиотеки подключаем скрипт, который и будет масштабировать наш фон

И в конце добавляем стилей, чтобы все работало. Открываете файл стилей и добавляете в него следующий код:

#bg { position: fixed; top: 0; left: 0;z-index: -1; } .bgwidth { width: 100%; } .bgheight { height: 100%; }

По стилям видно, что мы добавили позиционирование. В данном случаи это fixed . Изображение при прокрутке будет оставаться фиксированным фоном, если же изменить позиционирование на absolute , то фон можно прокрутить. Кстати, так же можно сделать и с первыми двумя способами.

Также указан параметр — z-index: -1 , для того чтобы картинка была за текстом. Если у Вас нет текста, который должен быть спереди, можете убрать этот параметр.

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

На этом все, спасибо за внимание. 🙂

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

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

Я расскажу вам как в фотошопе растянуть изображение и какими методами это можно сделать. Приступим к более детальному обсуждению?

Правильный способ увеличения

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

Для начала создадим документ. Не думаю, что это вызовет затруднения.

Я возьму очень большой размер: 5000х5000 пикселей. Остальные показатели не так важны.

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

Второй способ заключается в перетаскивании нужного файла из папки.

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

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

После того как завершите и кликните на Enter, фото приобретет более презентабельный вид.

Хотя при 100% увеличении, то есть до того размера, каким предположительно и должна быть фотография, допустим, во время распечатывания, она будет «размыта». Обращайте внимание на эти показатели и увеличивайте картинку при помощи лупы. Это размытие уже ничем не спасти. К чему вам некачественное фото?

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

Вот так картинка будет выглядеть при увеличении на 28% просто при помощи лупы.

А этот вариант при растягивании с применением смарт-объекта. Несколько лучше, не правда ли?

Однако идеальным назвать нельзя. Для совершенства тоже есть свои пределы.

Как делать не нужно

После того как вы уже вставили фрагмент, используйте свободное трансформирование (Ctrl+T), вам также порекомендуют увеличить размеры картинки, двигая за края.

Тут пиксели уже будут грубее.

Все исправится сразу после того, как вы нажмете на enter.

Так изображение выглядело на исходнике, при 100% размере.

А это при увеличении.

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

А это на шестой. Мне жалко клубничку на переднем плане, а цвет карамели уже совсем не манит. А между тем максимальный размер оставался прежним. Я просто делал картинку больше, а затем меньше.

Пиксели побились, а цвета стали менее насыщенными. При использовании смарт-объектов такого бы не произошло.

Немного о пропорциях

Нередко нужно незначительно увеличить часть изображения и для этого можно использовать (Ctrl+T), но при этом сохранить пропорции, чтобы картинка не выглядела как в кривом зеркале. Сейчас покажу о чем идет речь, но использую смарт-объект, тут без разницы.

Такая картинка никуда не годится. Что делать?

Чтобы изображение при растягивании было пропорциональным используйте кнопку Shift. Зажмите и держите ее пока не закончите с увеличением.

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

Как вариант

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

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

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

Кстати, если вы хотите обучиться этому искусству, то могу порекомендовать курс Елены Виноградовой «Мастерство создания коллажа» . Невероятно полезный навык, если думаете о карьере в рекламе или просто хотите порадовать друзей и знакомых забавными композициями.

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

Для начала я пипеткой возьму цвет сверху и залью пустую область.

Затем выделю при помощи инструмента лассо и также залью разные части картинки основными цветами.

Они будут отличаться.

Ну и применю к краям размытие по Гауссу. В правом углу у меня немного съехал цвет, но это можно быстро поправить. Кстати, если вы не знаете или не помните , вы можете прочитать статью на эту тему в моем блоге.

Ну а если вас интересует фотошоп в целом и вы мечтаете начать на нем зарабатывать, то советую детально изучать программу. Делать это лучше . Просто, а главное не скучно.

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

Короче говоря, рекомендую вам курс Зинаиды Лукьяновой «Фотошоп с нуля в видеоформате» . За 18 часов вы узнаете все, что необходимо. Останется лишь практиковаться и набираться опыта. Ну, а с последним без труда помогут заказчики. Найти их не проблема, главное определиться чем вам хотелось бы заниматься.

Но для начала вы должны узнать все возможности фотошопа и смело ориентироваться в инструментах. Именно это отличает профессионала. Он ставит перед собой задачи и умеет быстро найти скорейший путь ее достижения.

Ну вот и все. Если вам понравилась эта статья – подписывайтесь на рассылку и узнавайте .

До новых встреч и удачи в ваших начинаниях.

Оптимизация изображений для сайта

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

Даже если у вас хороший контент, из-за медленной загрузки сайта / не-оптимизированных изображений будет страдать ваш SEO, поэтому сайт получит более низкую позицию в поисковой выдаче.

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

Согласно исследованию Strangeloop, 1 секунда задержки в загрузке страницы вызывает:

• 7% падение продаж,
• 11% меньше просмотров страниц,
• Посетители сайта удовлетворены на 16% меньше.

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

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

Содержание:

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

Инструменты для оптимизации изображений

Программы для оптимизации изображений

Плагины оптимизации изображений Вордпресс

Оптимизация изображений онлайн

SEO оптимизация изображений

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

Перед публикацией картинки на сайте решите три вещи:

• Физический размер изображения (длина и ширина),
• Формат изображения (jpeg, png, webp или другие форматы),
• Размер изображения (в Килобайтах).

С хорошо подобранными параметрами вы можете уменьшить размер картинки в 5-10 раз по сравнению с первоначальным.

Оптимизируйте длину и ширину изображения

Если вам нужно поместить изображение, которое займет 1/3 экрана, используйте картинку нужного размера, например, 400х300 Пикс.

Не публикуйте картинки бóльшего размера, чем это требуется.

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

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

Выберите подходящий формат изображения

Существует несколько форматов изображений, которые используются для публикации изображений в интернете. Самые популярные — JPEG и PNG.

JPEG — формат, который использует сжатие с потерями (lossy) и не поддерживает прозрачность. В зависимости от степени сжатия, эти картинки можно оптимизировать без потери качества изображения.

PNG — сжатие без потерь (lossless) и поддерживает прозрачность.

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

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

Оптимизируйте размер изображения в Килобайтах

Чем меньше размер изображения в Килобайтах, тем ниже качество картинки.

Для важных изображений используйте более высокое качество, для второстепенных изображений или если вы используете прозрачный слой / оверлей, используйте более низкое качество.

Для картинки размером 400х300 пикселей современные требования Гугл и других сервисов что-то около 20-50 Килобайт.

Инструменты для оптимизации изображений

После того, как вы определились с размером и форматом, выберите способ, которым вы хотите оптимизировать изображения.

• Вы можете сделать это на компьютере с помощью разных программ и загрузить на сайт
• Оптимизировать изображения на сайте с помощью плагина
• Оптимизировать в интернете с помощью специальных сервисов

Многие онлайн сервисы оптимизации поддерживают массовую оптимизацию изображений. На бесплатных тарифах обычно существует ограничение на количество изображений или на объем.

Программы для оптимизации изображений

Фотошоп, Иллюстратор и некоторые другие программы Adobe имеют инструмент оптимизации изображений.

Откройте файл и перейдите File — Export — Save for Web.

Если вы хотите сохранить изображение в формате png, выберите PNG-8, выберите количество цветов изображения и метаданные, которые вы хотите оставить в конечном файле:

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

• No Dither
• Diffusion
• Pattern

No Dither хорошо справляется с разными цветами, но плохо с градиентом. Pattern хорошо с градиентом, но хуже с цветами, на некоторых цветах появляются артефакты.

Подберите свою комбинацию для каждого типа изображений.

Если вы хотите сохранить изображение в формате jpg, то выберите JPEG, выберите качество изображения или готовую настройку и метаданные, которые вы хотите оставить в итоговом файле:

Бесплатные альтернативы Фотошопу — программы GIMP и Paint.net.

ImageOptim

ImageOptim — программа для Mac, которая позволяет сжимать картинки без потери качества. Программа автоматически находит нужные параметры компрессии и удаляет ненужную информацию.

Альтернатива для Windows — Trimage.

JPEG Mini

Jpegmini.com использует технологию компрессии, которая уменьшает размер изображений до 80%, при этом сохраняя оригинальное разрешение и качество картинки.

Вы можете установить триал версию программы на компьютер, или купить плагины для Фотошопа и Лайтрума. После триального периода нужно купить платную версию.

Программа стоит 59$, программа и плагины для Фотошопа и Лайтрума стоят 89$.

Также есть платное подключение по API для разработчиков.

Плагины оптимизации изображений Вордпресс

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

Обычно в бесплатной версии существует ограничение на количество изображений, которые можно оптимизировать в течение месяца, или на объем изображений в течение месяца.

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

Smush Image Compression and Optimization

Плагин создан разработчиком WPMU DEV, регулярно обновляется и имеет более миллиона установок. Оптимизирует jpeg, png и gif форматы. Изображения до 5 Мб оптимизируются бесплатно в любом количестве.

Оптимизирует до 50 изображений за один раз. Автоматически находит изображения, которые замедляют сайт. Плагин может откладывать загрузку изображений до того, как они не появятся в видимой части экрана (lazy load).

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

EWWW Image Optimizer

Другой популярный плагин, регулярно обновляется, имеет более 900.000 установок. Плагин бесплатно оптимизирует изображения на вашем сервере или платно на своем сервере.

Работает с форматами jpg, png и pdf. После оптимизации выбирает наиболее подходящий формат для показа на сайте, — jpg, png или gif.

Плагин может автоматически конвертировать jpg и png изображения в формат webp.

ShortPixel

Относительно новый плагин, ставший популярным. Оптимизирует форматы jpeg, png, gif и pdf на своем облаке.

В бесплатной версии позволяет оптимизировать до 100 изображений в месяц. Если нужно оптимизировать больше изображений, нужно купить одну из платных версий. Можно купить подписку на месяц или сделать единоразовую оплату за 10.000, 30.000, 50.000 или 170.000 изображений.

По этой ссылке вы получите еще 100 бесплатных оптимизаций в месяц каждый месяц.

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

TinyPng

Простой и понятный плагин, регулярно обновляется, имеет более 200.000 установок. Подключается по API к серверу TinyPNG, на котором оптимизируются изображения.

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

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

Оптимизация изображений онлайн

В интернете есть много сервисов для оптимизации изображений. В этом разделе описание нескольких популярных онлайн сервисов.

TinyPNG

TinyPng — бесплатный web сервис оптимизации изображений, который использует lossy компрессию для уменьшения PNG и JPEG файлов. В бесплатной версии есть ограничение 20 изображений. Каждое изображение не должно превышать 5 Мб.

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

Для разработчиков есть подключение по API для автоматической оптимизации изображений.

Optimizilla

Optimizilla — онлайн сервис оптимизации изображений для сайта. Использует комбинацию алгоритмов оптимизации и lossy сжатия изображений. Уменьшает размер JPEG и PNG форматов до минимально возможного, сохраняя нужный уровень качества изображения.

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

Bulkresizephotos

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

Сервис уменьшает размер и/или объем изображений, и может конвертировать форматы изображений в JPEG, PNG или WEBP.

SEO оптимизация изображений

После того, как вы оптимизировали размер и объем изображения и выбрали подходящий формат, назовите готовый файл так, чтобы было понятно, что изображено на картинке. Не называйте файл Untitled.jpeg, Без-названия.png или 01.webp.

Закачайте картинку на сайт и добавьте атрибуты Alt и Description. Эти теги говорят поисковым системам что изображено на картинках. Заполните как минимум поле Alt.

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

Также эти теги помогают пользователям с нарушениями зрения, так как их программы чтения с экрана могут читать им теги Alt и Title.

Заключение

Оптимизировать изображения для публикации на сайте можно разными способами.

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

Если вы начинаете новый сайт, то оно того стоит.

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

Хороший результат у плагинов TinyPNG и ShortPixel. EWWW Image Optimizer хороший плагин, но его сложнее настроить.

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

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

Читайте также:

1. Где брать бесплатные картинки в хорошем качестве для публикации на сайте без нарушения авторских прав
2. SEO для Вордпресс. Подробная инструкция
3. 12 советов для SEO оптимизации Блога

Надеюсь, статья была полезна. Оставляйте комментарии.

Как уменьшать фотографии в фотошопе. Как быстро уменьшить размер изображения в Photoshop и сохранить качество Как сузить фотографию в фотошопе

Доброго времени суток! Если у Вас, сотни мегабайт в небольшой папке с фотками? Или же картинки отправляются по почте более 10 минут, даже при приличной скорости интернета? Или вот так, для отправки архива фотографий на флешку нужны полчаса? Добро пожаловать в нужное место, в статье я расскажу, в какой программе и как уменьшить размер файла JPG без потери качества.

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

Как уменьшить размер файла Jpg — немного нужной теории

Касательно формата JPG (и его разновидности JPEG), есть 3 способа изменения размера файлов. Размер PNG, BMP, GIF и прочих графических форматов можно регулировать лишь первым методом.

1. Уменьшение разрешения картинки (количества пикселей) без потери качества;
2. Снижение качества без уменьшения разрешения;
3. Одновременное снижение и разрешения, и качества.

Любая фотография – набор пикселей. У современных фотоаппаратов их число превышает 2-4 тысячи по горизонтали и вертикали. Это много, от такого разрешения и «разрастаются» мегабайты. Улучшается ли при этом качество изображения? Практически нет, особенно у непрофессиональных фотографов при повседневной съёмке. Так как изменить разрешение фотографии можно практически безболезненно для качества, многие используют именно этот способ для того, чтобы уменьшить изображение.

О самых удобных способах я Вам обязательно расскажу в заметке, Вам останется только выбрать подходящий именно Вам.

Сжав изображение в 2 раза (на 50%, в терминах графических редакторов), мы уменьшим его площадь (и объём!) в 4 раза, школьная геометрия на практике.

Логично уменьшить количество точек, чтобы снизить размер фотографии – и не заметить изменений в качестве.

Альтернативный вариант для файлов JPG, оставить разрешение изображения исходным, но позволить компьютеру снизить качество. Некоторая размытость, сглаживание или нечёткость вполне допустимы. Можно считать, что качество сжатия в графических редакторах примерно такое:

• 100% — сжатие рисунка отсутствует;
• 90% — настройка по умолчанию во многих программах – минимальное сжатие;
• 80% — более глубокая степень: файлы сжимаются довольно сильно;
• 70% — всё ещё приемлемая потеря качества, но в пределах разумного;
• 50% и ниже – кардинальное снижение внешнего вида рисунка, заметное невооружённым взглядом.

Как сжать изображение: практикум в графических редакторах

Экспериментировать будем с этим «натюрмортом»: рядовая телефонная фотка, не претендующая на художественность, скорее – класса «страшно показать», но для семейного архива подойдёт.

Технические детали: формат JPG, разрешение 2560 на 1920 точек, вес файла-исходника – неприемлемые 2,44 Мб. Перед тем, как сжать фотографию, рекомендуем скопировать её в отдельную папку, чтобы не потерять рисунок в ходе процесса сжатия.

Исходный файл: 2,44 Мб, с расширением 2560×1920 пикселей

Сжатие изображения в Paint

Зря этот стандартный графический редактор из комплекта Windows считают несерьёзным инструментом. Во-первых, в нём очень интересно и полезно обучать «чайников» азам ПК-грамотности, во-вторых, он есть везде и всегда – и, когда на компьютере не установлена более мощная программа для работы с графикой, его возможности выручат не раз.

Открытие исходника в Пэйнт: количество точек потрясает, но их число вовсе не означает красоту или качество. Масштаб: 100%.

Чтобы открыть изображение в Paint, нужно щёлкнуть по файлу правой кнопкой и выбрать «Редактировать» .

Этот редактор не позволяет вручную настроить уровень сжатия JPG, но, по ощущениям, устанавливает его примерно на 80%. Достаточно пересохранить файл, чтобы вместо исходных 2,44 Мб получить 1,83 Мб. На глазок уровень качества осталось практически тем же.

Изображение сжалось до 1,83 Мб после пересохранения в Paint за 2-3 клика и 10 секунд.

В арсенале Paint есть способ уменьшить размер картинки в пикселях. Это кнопка «Изменить размер» (Resize) . При её нажатии выпадает диалоговое окно, где предлагается ввести новые размеры по горизонтали/вертикали в процентах от исходного количества точек.

Выберем 50 на 50: в 2 раза меньше длины и ширины означают площадь, меньшую в 4 раза. Кстати, разрешение нужно менять одинаково по обоим измерениям, иначе картинка деформируется.

Функция «Изменить разрешение картинки» стандартна в большинстве графических редакторов, от примитивного Пейнт до монструозного Photoshop.

Результат – 616 килобайт. Маловато для семейного архива, но – отлично для публикации на сайтах. Без лупы разница с исходником едва заметна.

616 килобайт при разрешении 1290×960 px.

Отметим, что 0,6 мегабайт получилось не только в результате изменения разрешения, а при помощи «комбинированного» метода – размер изображения в Paint корректируется ещё и снижением качества JPG на величину около 85%. Изменить значение параметра compress в нужную сторону невозможно. Пейнт делает это на автомате.

Уменьшаем размер изображения в Photoshop

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

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

Открыв файл в редакторе Photoshop, следует выбрать раздел «Изображение» , в нём кликнуть на пункт «Размер изображения» . Как показано на картинке ниже.

Откроется диалоговое окно, где можно вручную задать высоту и ширину рисунка. Кнопка ОК – сохраняем файл. Этот же диалог вызывается горячими клавишами «Ctrl+Alt+I» , быстрое сохранение результата, сочетание клавиш– «Ctrl+S» .

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

У Вас должно открыться окно с настройками сохранения изображения, в нужном качестве и формате. Я буду продолжать мучить свою фотографию с пёсиками. Напомню, размер файла ровно 2.44 Мб, посмотрим что можно с него выжать.

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

Обратите внимание, Слева с верху — Исходник, далее идут уже с сжатием.

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

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

Лучшие программы для сжатия. Пакетная обработка

Paint под рукой всегда, но слишком примитивен. Фотошоп избыточно громоздкий и неповоротливый. Какие программы лучше подойдут, чтобы сжать JPG? Хорошие просмотрщики-вьюеры, они же – менеджеры изображений! Их достоинство – поддержка пакетного сжатия: одновременной обработки всех или нескольких выбранных файлов в любой папке вместо ручного изменения рисунков по одному.

ACDSee, XnView и IrfanView: лишь тройка из многочисленных программ для сжатия картинок всем скопом. Бесплатная, но вполне работоспособная версия есть даже у насквозь коммерческого «ЭйСиДиСи». Если программа не русифицирована, следует запомнить слово Compress – «Сжатие». Разберём технологию пакетного сжатия на примере графического обозревателя XnView.

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

Просмотрщик и редактор XnView говорит, что 9 файлов занимают почти 20 Мб. Непорядок!

В арсенале просмотрщиков присутствуют и функция «Сжатие JPEG» без снижения разрешения.

Сжатие изображения в онлайн сервисах

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

Принцип действия полностью схож с работой классических ПК-приложений: либо сжатие, либо изменение размера, либо – оба действия сразу. Все параметры настраиваемые.

Недостаток online-методики – в необходимости пересылки изначально крупного файла: этот процесс занимает некоторое время. Веб-сервисы для сжатия обычно бесплатны, но нужно и загрузить результат обратно на ПК.

Трата времени оправдана, если количество уменьшаемых файлов не превышает несколько штук в месяц. Конкретные рекомендации? Пожалуйста, те онлайн сервисы которыми пользуюсь сам.

TinyJPG.com — Забугорный сервис

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

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

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

IMGonline.com.ua — удобный и понятный

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

Один из бесплатных онлайн-сервисов.

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

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

Обработка рисунков в Mac OS

Давайте рассмотрим процесс работы с изображениями на Mac, к примеру, рисунки отлично сожмёт стандартное приложение «Просмотр»: установка дополнительного ПО ни к чему, даже для пакетной обработки. Программа «Просмотр» на Маке знает, как изменить размер сразу нескольких фото.

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

Заключение

Рекомендуем поэкспериментировать со сжатием картинок самостоятельно – при этом предварительно скопировав их в тестовую папку, чтобы не потерять важные фото. После 3-4 попыток вы на практике поймёте, как уменьшить размер изображения оптимальным образом, с наиболее подходящими параметрами компрессии, ширины и высоты.

1. Установить и использовать повседневно любой качественный менеджер графических файлов.
2. Забыть о Фотошопе: это слишком мощный и неповоротливый редактор для таких простых задач.
3. Использовать онлайн-сервисы лишь когда под рукой нет других способов – а для одиночных файлов пользоваться Paint’ом.

Дисклеймер: ни одна собака в ходе художественных и программных экспериментов не пострадала. 🙂

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

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

0. Анализ изображения перед уменьшением

Прежде всего, следует разобраться, что значит – уменьшить изображение. Если фотография будет использоваться как аватар, она должна иметь определённый размер и разрешение (количество пикселей по вертикали и горизонтали) и небольшой вес (объём в КБ). Эти ограничения можно найти на сайте, куда будет загружен аватар. Если фотографию планируется просто выгрузить в интернет, например, в альбом на форуме, её размеры и объём нужно уменьшить до «разумных». Это значит, что при открытии полной версии фотография не должна выходить за пределы окна браузера. «Разумный объём» для публикации в вебе составляет не больше нескольких сотен килобайт.

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

1.1. Уменьшение методом кадрирования

Независимо от того, как будет редактироваться изображение, его сперва нужно открыть. В Photoshop это делается через команду File → Open . Затем следует указать расположение изображения на компьютере.

Когда изображение загрузится в программу, оцениваем, все ли запечатленные объекты следует оставить на фотографии. Если нет, и требуется вырезать лишь какую-то часть картинки (например, лицо для аватара), стоит прибегнуть к инструменту Crop (Кадрирование). Есть два способа вырезать нужную область на фото.

Кадрирование с использованием Crop

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

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

Определение области обрезки

Кадрирование с использованием Rectangular Marquee Tool

Второй способ – выбрать инструмент Rectangular Marquee Tool (Прямоугольная область), который тоже находится на на той же панели.

Выделять область при помощи Rectangular Marquee Tool можно точно так же, как и через Crop. После выделения открываем Image → Crop .

1.2. Уменьшение с помощью Canvas Size…

Чтобы обрезать изображение до точно определённых размеров, удалив при этом её крайние части, можно использовать меню Canvas Size (Размер холста). Он удобен, если, например, хочется убрать полосу засветки с края изображения. Его можно найти в меню Image → Canvas Size .

Настройка Canvas Size

Он выглядит как окно, в котором указаны текущие размеры фотографии и размеры, которые она будет иметь после редактирования. Пользователь задаёт конечные размеры и указывает, с какой стороны обрезать изображение. Единицы, в которых задаются размеры, можно менять – доступны пиксели, сантиметры, дюймы и т.д. Сторона обрезки указывается при помощи поля со стрелками в углу окна. После нажатия на «Ок» происходит кадрирование изображения.

2. Уменьшение размера и пропорции с помощью Image Size…

Когда фотография примет желаемый вид, можно переходить к изменению её размеров. Это делается через меню Image → Image Size (Размер изображения).

Настройка Image Size

Здесь можно уменьшать линейные размеры изоюражения, меняя их значение в пикселях, процентах, сантиметрах или других единицах. По умолчанию изменение одного значения ведёт за собой пересчёт другого значения. Благодаря этому пропорции фотографии сохраняются. Если по каким-то причинам пропорции картинки хочется исказить, следует нажать на иконку цепочки между значениями ширины и высоты. Менять размер изображения можно также за счёт уменьшения или увеличения его разрешения (пункт Resolution). Чем меньше разрешение, тем хуже качество фотографии, однако вес файла также уменьшается.

3. Сохранение и оптимизация размера средствами Photoshop

Наконец, после уменьшения фотографии, можно сохранить её в требуемом качестве. Помимо стандартного «Save as» фотошоп имеет инструмент «Save for web…», который находится в меню File.

Настройка «Save for web…» (клик для увеличения)

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

В правой части окна можно выбирать формат сохранения и качество картинки. Чем выше его значения – тем лучше выглядит фотография. Грубое уменьшение качества осуществляется при помощи выпадающего списка. Его значения – High, Medium, Low – дают примерное представление о конечном виде фотографии. Тонкая «подгонка» проводится при помощи числового поля Quality. Под зоной просмотра отображается вес файла после сохранения.

В поле Image Size можно указать нужные размеры для сохранение или процент уменьшения фотографии. По сути это то же меню, что и в предыдущем шаге, но с меньшим количеством настроек.

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

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

Различные способы изменения размеров и качества изображения

1. Среди них встречаются: многофункциональные,условно-бесплатные, типа Batch Picture Resizer . Предоставляю перечень её возможностей: изменение размеров фотографий, переименования файлов и наложения водяных знаков,пакетной обработки фотографий,преобразование форматов. Её можно скачать по этой ссылке: https://yadi.sk/d/g6eDFTyzAMob6
2. И совсем простые, к ним можно отнести PicSizer .

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

• Наводим курсор на объект,щелчок правой клавишей и выбираем: Открыть с помощью просмотра изображений и факсов и нажимаем Paint.
• Далее: Меню-Свойства и выскакивает табличка,а в правом нижнем углу ползунок для изменений. Действуем ползунком или выставляем размер и нажимаем ОК.
• После этого «кликаем «Сохранить как… ,здесь справа указываются возможные варианты изменения формата картинки.

Изменяем изображение в программе Фотошоп

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

После этого «щёлкаем»-Изображение- Размер изображения , как показано на скриншоте выше.Когда появится табличка для изменений(скриншот ниже) сначала делаем изменения размера наполовину исходного формата.

И для того чтобы не потерять в качестве, внизу выбираем: Бикубическая чётче(наилучшая для уменьшения) .
И как всегда подтверждаем действие нажатием кнопки ОК. Проделав все действия ещё раз и получив необходимую величину картинки можно улучшить её резкость.Это для того чтобы на различных браузерах она смотрелась чётче и резче. Делаем как на скриншоте ниже, идя по пути —Фильтр-Усиление резкости — и выбираем какую нам хочется.

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

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

В этом пошаговом уроке вы узнаете как сжать фотографию (изображение, картинку и тд) без потери качества в программе Photoshop. Наверняка вы часто задавали себе этот вопрос, например часто приходится менять размер изображения для каких либо веб ресурсов или гаджетов. Для сжатия и изменения размера изображения в фотошопе присутствует мощный инструмент под названием Save for Web & Devices… (Сохранить для веб и устройств). Этот инструмент позволит вам с легкостью изменить размер, формат и качество сжатия всего за несколько кликов.

Шаг 1

Для начала откройте фотографию в фотошопе:

Шаг 2

После этого выберите команду File (Файл) — Save for Web & Devices…(Сохранить для веб и устройств):

Шаг 3

Перед вами откроется одноименное окно с настойками:

1. В этом разделе можно выбрать формат (в большинстве случаев JPEG) и качество (Quality). Чем меньше значение Quality, тем размер изображения. Не стоит слишком сильно сжимать изображения, старайтесь не ставить значения ниже 50

2. Здесь можно задать любой размер изображения. Либо в пикселях (значение W — ширина и H — высота) либо в процентах. (200% — увеличение в два раза, 50% уменьшение в два раза и тд)

3. Окно предосмотра. Здесь вы можете наблюдать изменения в реальном времени.

Шаг 4

Для примера измените размер и качество фотографии одновременно подсматривая в окно предосмотра. Чуть ниже окна предосмотра вы можете увидеть данные о размере и качестве будущего файла. После того, как настройки будут вас удовлетворять нажмите Save и укажите место сохранения.

Ниже вы можете посмотреть пример сжатия фотографии:

Как в фотошопе уменьшить размер изображения. Как быстро уменьшить размер изображения в Photoshop и сохранить качество

Доброго времени суток! Если у Вас, сотни мегабайт в небольшой папке с фотками? Или же картинки отправляются по почте более 10 минут, даже при приличной скорости интернета? Или вот так, для отправки архива фотографий на флешку нужны полчаса? Добро пожаловать в нужное место, в статье я расскажу, в какой программе и как уменьшить размер файла JPG без потери качества.

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

Как уменьшить размер файла Jpg — немного нужной теории

Касательно формата JPG (и его разновидности JPEG), есть 3 способа изменения размера файлов. Размер PNG, BMP, GIF и прочих графических форматов можно регулировать лишь первым методом.

1. Уменьшение разрешения картинки (количества пикселей) без потери качества;
2. Снижение качества без уменьшения разрешения;
3. Одновременное снижение и разрешения, и качества.

Любая фотография – набор пикселей. У современных фотоаппаратов их число превышает 2-4 тысячи по горизонтали и вертикали. Это много, от такого разрешения и «разрастаются» мегабайты. Улучшается ли при этом качество изображения? Практически нет, особенно у непрофессиональных фотографов при повседневной съёмке. Так как изменить разрешение фотографии можно практически безболезненно для качества, многие используют именно этот способ для того, чтобы уменьшить изображение.

О самых удобных способах я Вам обязательно расскажу в заметке, Вам останется только выбрать подходящий именно Вам.

Сжав изображение в 2 раза (на 50%, в терминах графических редакторов), мы уменьшим его площадь (и объём!) в 4 раза, школьная геометрия на практике.

Логично уменьшить количество точек, чтобы снизить размер фотографии – и не заметить изменений в качестве.

Альтернативный вариант для файлов JPG, оставить разрешение изображения исходным, но позволить компьютеру снизить качество. Некоторая размытость, сглаживание или нечёткость вполне допустимы. Можно считать, что качество сжатия в графических редакторах примерно такое:

• 100% — сжатие рисунка отсутствует;
• 90% — настройка по умолчанию во многих программах – минимальное сжатие;
• 80% — более глубокая степень: файлы сжимаются довольно сильно;
• 70% — всё ещё приемлемая потеря качества, но в пределах разумного;
• 50% и ниже – кардинальное снижение внешнего вида рисунка, заметное невооружённым взглядом.

Как сжать изображение: практикум в графических редакторах

Экспериментировать будем с этим «натюрмортом»: рядовая телефонная фотка, не претендующая на художественность, скорее – класса «страшно показать», но для семейного архива подойдёт.

Технические детали: формат JPG, разрешение 2560 на 1920 точек, вес файла-исходника – неприемлемые 2,44 Мб. Перед тем, как сжать фотографию, рекомендуем скопировать её в отдельную папку, чтобы не потерять рисунок в ходе процесса сжатия.

Исходный файл: 2,44 Мб, с расширением 2560×1920 пикселей

Сжатие изображения в Paint

Зря этот стандартный графический редактор из комплекта Windows считают несерьёзным инструментом. Во-первых, в нём очень интересно и полезно обучать «чайников» азам ПК-грамотности, во-вторых, он есть везде и всегда – и, когда на компьютере не установлена более мощная программа для работы с графикой, его возможности выручат не раз.

Открытие исходника в Пэйнт: количество точек потрясает, но их число вовсе не означает красоту или качество. Масштаб: 100%.

Чтобы открыть изображение в Paint, нужно щёлкнуть по файлу правой кнопкой и выбрать «Редактировать» .

Этот редактор не позволяет вручную настроить уровень сжатия JPG, но, по ощущениям, устанавливает его примерно на 80%. Достаточно пересохранить файл, чтобы вместо исходных 2,44 Мб получить 1,83 Мб. На глазок уровень качества осталось практически тем же.

Изображение сжалось до 1,83 Мб после пересохранения в Paint за 2-3 клика и 10 секунд.

В арсенале Paint есть способ уменьшить размер картинки в пикселях. Это кнопка «Изменить размер» (Resize) . При её нажатии выпадает диалоговое окно, где предлагается ввести новые размеры по горизонтали/вертикали в процентах от исходного количества точек.

Выберем 50 на 50: в 2 раза меньше длины и ширины означают площадь, меньшую в 4 раза. Кстати, разрешение нужно менять одинаково по обоим измерениям, иначе картинка деформируется.

Функция «Изменить разрешение картинки» стандартна в большинстве графических редакторов, от примитивного Пейнт до монструозного Photoshop.

Результат – 616 килобайт. Маловато для семейного архива, но – отлично для публикации на сайтах. Без лупы разница с исходником едва заметна.

616 килобайт при разрешении 1290×960 px.

Отметим, что 0,6 мегабайт получилось не только в результате изменения разрешения, а при помощи «комбинированного» метода – размер изображения в Paint корректируется ещё и снижением качества JPG на величину около 85%. Изменить значение параметра compress в нужную сторону невозможно. Пейнт делает это на автомате.

Уменьшаем размер изображения в Photoshop

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

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

Открыв файл в редакторе Photoshop, следует выбрать раздел «Изображение» , в нём кликнуть на пункт «Размер изображения» . Как показано на картинке ниже.

Откроется диалоговое окно, где можно вручную задать высоту и ширину рисунка. Кнопка ОК – сохраняем файл. Этот же диалог вызывается горячими клавишами «Ctrl+Alt+I» , быстрое сохранение результата, сочетание клавиш– «Ctrl+S» .

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

У Вас должно открыться окно с настройками сохранения изображения, в нужном качестве и формате. Я буду продолжать мучить свою фотографию с пёсиками. Напомню, размер файла ровно 2.44 Мб, посмотрим что можно с него выжать.

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

Обратите внимание, Слева с верху — Исходник, далее идут уже с сжатием.

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

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

Лучшие программы для сжатия. Пакетная обработка

Paint под рукой всегда, но слишком примитивен. Фотошоп избыточно громоздкий и неповоротливый. Какие программы лучше подойдут, чтобы сжать JPG? Хорошие просмотрщики-вьюеры, они же – менеджеры изображений! Их достоинство – поддержка пакетного сжатия: одновременной обработки всех или нескольких выбранных файлов в любой папке вместо ручного изменения рисунков по одному.

ACDSee, XnView и IrfanView: лишь тройка из многочисленных программ для сжатия картинок всем скопом. Бесплатная, но вполне работоспособная версия есть даже у насквозь коммерческого «ЭйСиДиСи». Если программа не русифицирована, следует запомнить слово Compress – «Сжатие». Разберём технологию пакетного сжатия на примере графического обозревателя XnView.

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

Просмотрщик и редактор XnView говорит, что 9 файлов занимают почти 20 Мб. Непорядок!

В арсенале просмотрщиков присутствуют и функция «Сжатие JPEG» без снижения разрешения.

Сжатие изображения в онлайн сервисах

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

Принцип действия полностью схож с работой классических ПК-приложений: либо сжатие, либо изменение размера, либо – оба действия сразу. Все параметры настраиваемые.

Недостаток online-методики – в необходимости пересылки изначально крупного файла: этот процесс занимает некоторое время. Веб-сервисы для сжатия обычно бесплатны, но нужно и загрузить результат обратно на ПК.

Трата времени оправдана, если количество уменьшаемых файлов не превышает несколько штук в месяц. Конкретные рекомендации? Пожалуйста, те онлайн сервисы которыми пользуюсь сам.

TinyJPG.com — Забугорный сервис

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

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

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

IMGonline.com.ua — удобный и понятный

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

Один из бесплатных онлайн-сервисов.

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

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

Обработка рисунков в Mac OS

Давайте рассмотрим процесс работы с изображениями на Mac, к примеру, рисунки отлично сожмёт стандартное приложение «Просмотр»: установка дополнительного ПО ни к чему, даже для пакетной обработки. Программа «Просмотр» на Маке знает, как изменить размер сразу нескольких фото.

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

Заключение

Рекомендуем поэкспериментировать со сжатием картинок самостоятельно – при этом предварительно скопировав их в тестовую папку, чтобы не потерять важные фото. После 3-4 попыток вы на практике поймёте, как уменьшить размер изображения оптимальным образом, с наиболее подходящими параметрами компрессии, ширины и высоты.

1. Установить и использовать повседневно любой качественный менеджер графических файлов.
2. Забыть о Фотошопе: это слишком мощный и неповоротливый редактор для таких простых задач.
3. Использовать онлайн-сервисы лишь когда под рукой нет других способов – а для одиночных файлов пользоваться Paint’ом.

Дисклеймер: ни одна собака в ходе художественных и программных экспериментов не пострадала. 🙂

17.11.2014 27.01.2018

После изучения этого вы урока вы научитесь в фотошопе:

• Уменьшить размер фотографии
• Уменьшать в размере отдельный объект на фото
• Трансформировать фото и объекты — крутить, сжимвать, переворачивать и отражать.

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

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

Для выполнения операций по уменьшению я буду использовать Photoshop CS 6.

Как уменьшить фотографию

Сначала откройте нужное фото в фотошопе. Нажмите CTRL+O или File — Open (Файл — Открыть ) и выберите нужную фотографию на диске.

Фотография открылась в фотошопе:

Фотография огромного размера 1600х1200 пикселей. А нам например надо 600х450 или около того.

Есть способ уменьшить пропорционально фотографию, для этого зайдите в меню Image — Image size (Изображение — Размер изображения ). В английском фотошопе это окно выглядит так:

Мы видим значения Width и Height (Ширина и Высота ), убедитесь значения показываются в пикселях, но если вам нужно вы можете смотреть и изменять в сантиметрах и других измерениях.

Введите ширину вместо 1600 значение 600 и вы увидите как высота автоматически подобралась 450, чтобы изменения размера фотографии было пропорциональным.

Нажимаем ОК и всё! Наша фотография уменьшилась:

Выделить нужную область и уменьшить

А что если нам нужна не вся фотографию а её часть? И эту часть нам нужно уменьшить, но не пропорционально и на свой взгляд. Для этого функция которую мы применяли до этого не подойдет.

Допустим у нас есть такая картинка с воздушными шариками и мы открыли её в фотошопе:

Но нам все шарики не нужны, а нужен только синий и нам надо его чуть чуть уменьшить. Для этого выберите инструмент Crop Tool (в русской версии называется Кадрирование ) — с помощью него мы можем выделить нужную нам область изображения и обрезать её. А именно синий шарик.

Сам инструмент на панели выглядит так:

Выделите нужную область:

Нажмите Enter на клавиатуре — мы вырежем этот шарик а остальные изображение удалиться.

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

С помощью инструмента Polygonal Lasso Tool (Прямолинейное Лассо) выделите шарик.

Нажмите CTRL+X чтобы вырезать его и скопировать. После того как вы нажмете то он пропадет, а за ним будет прозрачный фон. Нажмите сразу CTRL+V чтобы вставить шарик. Шарик вставиться чуть чуть в стороне от исходного места. И вставиться она сразу автоматически на новый слой:

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

Создайте новый слой под шариком и залейте его любым цветом:

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

Теперь уменьшим шарик. Выберите слой с шариком и нажмите CTRL+T (или меню Edit — Transform — Scale (Редактирование — Трансформирование — Масштаб )) и вы увидите как вокруг шарика появилась рамка для уменьшения:

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

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

На написание этой статьи меня сподвиг часто задаваемый вопрос — «Как правильно сжать фотографию и не потерять качество картинки?» Я постараюсь довольно просто ответить на него.

Сразу хочу поправиться, еще одним из поводов для написания, стало решение увеличить максимальный допустимый размер публикуемых фотографий до 1024 пикселов по широкой стороне, при сохранении максимально допустимого размера файла в 100 Кб.

Итак начнем. Описываемый способ, самый простой и доступный, по-этому уверен, что освоить его и запомнить порядок действий можно с первого раза.

Шаг 1. Открытие файла.

Запустив Фотошоп, в Меню программы выбираем Файл-Открыть в открывшимся Диалоговом окне находим требуемый файл и открываем его в Фотошопе.

Шаг 2. Кадрирование

Настоятельно рекомендуется убирать с фотографии всю лишнюю, не нужную информацию (банки, пепельницы, пачки сигарет, родственников и домашних питомцев. Исключение Кот Олега Якушенко), то-есть попросту кадрировать изображение.

Для этого надо воспользоваться инструментом Прямоугольная область (выделен красным на втором фото) и выделить желаемую область. Надо помнить, что для сохранения пропорций фотографии, соотношение сторон должно быть 4 к 3 (разрешения 600:450, 800:600, 1024:768 и так далее).

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

Шаг 3. Изменение размера изображения

В данном случае исходная фотография имела следующие параметры
Разрешение 2592:1944 пикселов, размер файла 2Мбт. После кадрирования
разрешение стало 2208:1563 пикселов, что станет видно если в Меню программы выбрать Изображение-Размер изображения

в окне Размер изображения в графе Ширина устанавлеваем требуемое разрешение, в нашем случае 1024, нажимаем Да и видим как наша картинка уменьшилась

Мы изменили размер изображения, теперь осталось сжать сам файл до нужного размера.

Шаг 4. Сжатие файла

Не закрывая окна выбираем Файл-Сохранить как в открывшемся окне выбираем папку для сохранения, так-же можно изменить имя файла.
Внимание Обязательно проверяйте что-бы в графе Тип файлов стояло JPEG, в противном случае у Вас скорее всего не получится загрузить файл на сайт.

После команды Сохранить откроется Окно Параметры JPEG
Внизу в графе Размер виден текущий размер файла ~143,93 Кб, нам надо уменьшить его минимум до 100 Кб

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

На второй фотографии видно, что размер файла уменьшился до ~86,32 Кб, что нам и требовалось.
Витоге из большой фотографии с размером 2592:1944 пикселов и «весом» в 2 Мб мы получили кадрированное изображение с разрешением 1024:725 пикселов и «весом» ~86 Кб.

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

Бывают случаи, когда необходимо быстро уменьшить объем пространства на жестком диске компьютера, которое занимают фото в формате JPG. Желательно, чтобы процедура прошла без существенной потери качества картинки. Существует несколько несложных способов заставить фотографию «похудеть».

Можно ли уменьшить размер JPG онлайн

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

Во Всемирной паутине можно найти много сервисов, с помощью которых можно разобраться, как сжать фото в формате JPG до меньшего количества мегабайт. Все они работают по одному и тому же принципу – пользователь загружает необходимую картинку на сайт, нажимает всего одну кнопку, а через некоторое время система попросит сохранить изображение с уменьшенным объемом на компьютер. Услуги интернет-сервисов совершенно бесплатны, поэтому данный способ сжатия фото без потери качества считается одним из лучших и быстрых.

Стандартно такие порталы имеют множество дополнительных функций и возможностей – обрезка картинки, поворот в нужную сторону, зеркальное отображение или даже добавление красивых рамок/эффектов. Ресурсы находятся в свободном доступе, поэтому чтобы их найти, просто надо ввести в любой поисковик запрос, и через секунду получить целый список сайтов по сжатию фотографий.

Как сжать файл JPG

Случается и так, что скорость интернета или технические данные компьютера/браузера не позволяют загрузить фотографии в сеть. Тогда на помощь приходят специальные сервисы, умеющие сжимать фотографии без потери качества. Использовать можно сторонние утилиты либо стандартные (базовый набор Windows). Поэтому перед тем как уменьшить файл JPG, нужно разобраться, по какому принципу эти программы выполняют свою работу.

Как сжать фото до нужного размера в Paint

Паинт – стандартная программка Windows для обработки любых изображений, поэтому устанавливать ее нет необходимости. С ее помощью можно легко сжать фото до нужного формата. Скачивать ее не нужно, она уже присутствует в базовом наборе операционной системы. Программа проста в обращении – хватит нескольких кликов мышью, чтобы картинка стала нужной величины. Как уменьшить размер файла JPG с помощью Paint:

1. Откройте картинку в Паинте (правой кнопкой на фото, «открыть с помощью», выберите Paint).
2. На верхней рабочей панели выберите инструмент «изменить размер».
3. Выберите пункт «по горизонтали», изменяйте заданное значение в меньшую сторону.
4. Внесите аналогичное значение в пункте «по вертикали».
5. Нажмите «ОК».
6. Сохраните измененный рисунок.

Как уменьшить вес файла JPG в Фотошопе

Очень популярный сервис, который поможет разобраться, как уменьшить объем файла JPG без ухудшения качества – это Фотошоп. Графический редактор с большим набором функций может испугать неопытных пользователей обилием непонятных кнопок. Однако если знать последовательность действий, то сократить количество мегабайт у фотографий будет просто. Перед тем как сжать JPG при помощи Фотошопа, его нужно установить. Что делать после этого:

1. Откройте картинку Фотошопом (правой кнопкой на фото, «открыть с помощью», выберите Adobe Photoshop).
2. В качестве альтернативы, картинку можно открыть непосредственно из утилиты – вкладка «Файл» – пункт «Открыть».
3. В верхней рабочей области меню «Изображение», далее выберите «Размер изображения».
4. Открывшееся окно позволит вам выбрать все необходимые пропорции фотографии (величина сантиметров/пикселей, ширина).
5. Внизу окна обязательно отметьте галочкой пункт «Сохранять пропорции» (при изменении параметров они будут редактироваться равномерно).
6. В меню «Файл» выберите подпункт «Сохранить как».
7. Выберите джипег формат, который сохранит исходное качество.
8. После выбора формата нажмите на кнопку «Сохранить».

Другие способы сжать JPG без потери качества

Чтобы обработать картинку и сократить ее вес, можно использовать сторонние утилиты, web-сервисы онлайн – некоторые из которых бесплатные, а за работу с другими придется заплатить. Они обеспечивают разные проценты сжатия рисунков, что важно – не влияя на качество. Если вы не знаете, как же уменьшить размер файла JPG, то в приведенной ниже таблице сможете найти нужные программы, помогающие в этой несложной задаче:

Photoshop как уменьшить размер изображения. Как изменить размер изображения в Фотошопе

В этом пошаговом уроке вы узнаете как сжать фотографию (изображение, картинку и тд) без потери качества в программе Photoshop. Наверняка вы часто задавали себе этот вопрос, например часто приходится менять размер изображения для каких либо веб ресурсов или гаджетов. Для сжатия и изменения размера изображения в фотошопе присутствует мощный инструмент под названием Save for Web & Devices… (Сохранить для веб и устройств). Этот инструмент позволит вам с легкостью изменить размер, формат и качество сжатия всего за несколько кликов.

Шаг 1

Для начала откройте фотографию в фотошопе:

Шаг 2

После этого выберите команду File (Файл) — Save for Web & Devices…(Сохранить для веб и устройств):

Шаг 3

Перед вами откроется одноименное окно с настойками:

1. В этом разделе можно выбрать формат (в большинстве случаев JPEG) и качество (Quality). Чем меньше значение Quality, тем размер изображения. Не стоит слишком сильно сжимать изображения, старайтесь не ставить значения ниже 50

2. Здесь можно задать любой размер изображения. Либо в пикселях (значение W — ширина и H — высота) либо в процентах. (200% — увеличение в два раза, 50% уменьшение в два раза и тд)

3. Окно предосмотра. Здесь вы можете наблюдать изменения в реальном времени.

Шаг 4

Для примера измените размер и качество фотографии одновременно подсматривая в окно предосмотра. Чуть ниже окна предосмотра вы можете увидеть данные о размере и качестве будущего файла. После того, как настройки будут вас удовлетворять нажмите Save и укажите место сохранения.

Ниже вы можете посмотреть пример сжатия фотографии:

Бывают случаи, когда необходимо быстро уменьшить объем пространства на жестком диске компьютера, которое занимают фото в формате JPG. Желательно, чтобы процедура прошла без существенной потери качества картинки. Существует несколько несложных способов заставить фотографию «похудеть».

Можно ли уменьшить размер JPG онлайн

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

Во Всемирной паутине можно найти много сервисов, с помощью которых можно разобраться, как сжать фото в формате JPG до меньшего количества мегабайт. Все они работают по одному и тому же принципу – пользователь загружает необходимую картинку на сайт, нажимает всего одну кнопку, а через некоторое время система попросит сохранить изображение с уменьшенным объемом на компьютер. Услуги интернет-сервисов совершенно бесплатны, поэтому данный способ сжатия фото без потери качества считается одним из лучших и быстрых.

Стандартно такие порталы имеют множество дополнительных функций и возможностей – обрезка картинки, поворот в нужную сторону, зеркальное отображение или даже добавление красивых рамок/эффектов. Ресурсы находятся в свободном доступе, поэтому чтобы их найти, просто надо ввести в любой поисковик запрос, и через секунду получить целый список сайтов по сжатию фотографий.

Как сжать файл JPG

Случается и так, что скорость интернета или технические данные компьютера/браузера не позволяют загрузить фотографии в сеть. Тогда на помощь приходят специальные сервисы, умеющие сжимать фотографии без потери качества. Использовать можно сторонние утилиты либо стандартные (базовый набор Windows). Поэтому перед тем как уменьшить файл JPG, нужно разобраться, по какому принципу эти программы выполняют свою работу.

Как сжать фото до нужного размера в Paint

Паинт – стандартная программка Windows для обработки любых изображений, поэтому устанавливать ее нет необходимости. С ее помощью можно легко сжать фото до нужного формата. Скачивать ее не нужно, она уже присутствует в базовом наборе операционной системы. Программа проста в обращении – хватит нескольких кликов мышью, чтобы картинка стала нужной величины. Как уменьшить размер файла JPG с помощью Paint:

1. Откройте картинку в Паинте (правой кнопкой на фото, «открыть с помощью», выберите Paint).
2. На верхней рабочей панели выберите инструмент «изменить размер».
3. Выберите пункт «по горизонтали», изменяйте заданное значение в меньшую сторону.
4. Внесите аналогичное значение в пункте «по вертикали».
5. Нажмите «ОК».
6. Сохраните измененный рисунок.

Как уменьшить вес файла JPG в Фотошопе

Очень популярный сервис, который поможет разобраться, как уменьшить объем файла JPG без ухудшения качества – это Фотошоп. Графический редактор с большим набором функций может испугать неопытных пользователей обилием непонятных кнопок. Однако если знать последовательность действий, то сократить количество мегабайт у фотографий будет просто. Перед тем как сжать JPG при помощи Фотошопа, его нужно установить. Что делать после этого:

1. Откройте картинку Фотошопом (правой кнопкой на фото, «открыть с помощью», выберите Adobe Photoshop).
2. В качестве альтернативы, картинку можно открыть непосредственно из утилиты – вкладка «Файл» – пункт «Открыть».
3. В верхней рабочей области меню «Изображение», далее выберите «Размер изображения».
4. Открывшееся окно позволит вам выбрать все необходимые пропорции фотографии (величина сантиметров/пикселей, ширина).
5. Внизу окна обязательно отметьте галочкой пункт «Сохранять пропорции» (при изменении параметров они будут редактироваться равномерно).
6. В меню «Файл» выберите подпункт «Сохранить как».
7. Выберите джипег формат, который сохранит исходное качество.
8. После выбора формата нажмите на кнопку «Сохранить».

Другие способы сжать JPG без потери качества

Чтобы обработать картинку и сократить ее вес, можно использовать сторонние утилиты, web-сервисы онлайн – некоторые из которых бесплатные, а за работу с другими придется заплатить. Они обеспечивают разные проценты сжатия рисунков, что важно – не влияя на качество. Если вы не знаете, как же уменьшить размер файла JPG, то в приведенной ниже таблице сможете найти нужные программы, помогающие в этой несложной задаче:

На написание этой статьи меня сподвиг часто задаваемый вопрос — «Как правильно сжать фотографию и не потерять качество картинки?» Я постараюсь довольно просто ответить на него.

Сразу хочу поправиться, еще одним из поводов для написания, стало решение увеличить максимальный допустимый размер публикуемых фотографий до 1024 пикселов по широкой стороне, при сохранении максимально допустимого размера файла в 100 Кб.

Итак начнем. Описываемый способ, самый простой и доступный, по-этому уверен, что освоить его и запомнить порядок действий можно с первого раза.

Шаг 1. Открытие файла.

Запустив Фотошоп, в Меню программы выбираем Файл-Открыть в открывшимся Диалоговом окне находим требуемый файл и открываем его в Фотошопе.

Шаг 2. Кадрирование

Настоятельно рекомендуется убирать с фотографии всю лишнюю, не нужную информацию (банки, пепельницы, пачки сигарет, родственников и домашних питомцев. Исключение Кот Олега Якушенко), то-есть попросту кадрировать изображение.

Для этого надо воспользоваться инструментом Прямоугольная область (выделен красным на втором фото) и выделить желаемую область. Надо помнить, что для сохранения пропорций фотографии, соотношение сторон должно быть 4 к 3 (разрешения 600:450, 800:600, 1024:768 и так далее).

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

Шаг 3. Изменение размера изображения

В данном случае исходная фотография имела следующие параметры
Разрешение 2592:1944 пикселов, размер файла 2Мбт. После кадрирования
разрешение стало 2208:1563 пикселов, что станет видно если в Меню программы выбрать Изображение-Размер изображения

в окне Размер изображения в графе Ширина устанавлеваем требуемое разрешение, в нашем случае 1024, нажимаем Да и видим как наша картинка уменьшилась

Мы изменили размер изображения, теперь осталось сжать сам файл до нужного размера.

Шаг 4. Сжатие файла

Не закрывая окна выбираем Файл-Сохранить как в открывшемся окне выбираем папку для сохранения, так-же можно изменить имя файла.
Внимание Обязательно проверяйте что-бы в графе Тип файлов стояло JPEG, в противном случае у Вас скорее всего не получится загрузить файл на сайт.

После команды Сохранить откроется Окно Параметры JPEG
Внизу в графе Размер виден текущий размер файла ~143,93 Кб, нам надо уменьшить его минимум до 100 Кб

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

На второй фотографии видно, что размер файла уменьшился до ~86,32 Кб, что нам и требовалось.
Витоге из большой фотографии с размером 2592:1944 пикселов и «весом» в 2 Мб мы получили кадрированное изображение с разрешением 1024:725 пикселов и «весом» ~86 Кб.

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

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

Прежде чем приступить к рассмотрению способов, сперва немного теории.

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

Во-вторых, что происходит с качеством картинки после изменения его размеров?

• При процессе уменьшения , происходит потеря пикселей, но качество в целом не страдает, оно остается достаточно четким.
• При процессе увеличения , фотошоп растягивает пиксели и дорисовывает их в соответствии со своим алгоритмом. Поэтому при увеличении всегда страдает качество картинки. Чем больше увеличение, тем четче видна необратимая потеря качества.

Подобный вопрос был рассмотрен в уроке, связанном с изменением размера слоя,

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

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

Способ 1 — Диалоговое окно Размер изображения

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

Откройте изображение в фотошопе.

Откройте диалоговое окно Изображение — Размер изображения (или комбинация клавиш — Alt+Ctrl+I ). Появится вот такое окно:

Сразу обратите внимание на поля Ширина и Высота . Те значения, что там будут указаны — это текущие размеры изображения. По умолчанию они измеряется в пикселях.

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

Пропорции

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

Пример без сохранения пропорций

Пример с сохранением пропорций

Способ 2 — Изменение размера с помощью трансформации

Трансформация изображения — классный способ, который обязательно нужно добавить в копилку знаний по фотошопу. Этот способ хорош в двух случаях:

• уменьшить или увеличить размер всего изображения;
• уменьшить или увеличить вставленную картинку в фотошоп.

Размер подробнее каждый случай.

Как уменьшить или увеличить размер всего изображения

Шаг 1

Откройте картинку. Выберите команду Редактирование — Свободное трансформирование или нажмите комбинацию клавиш Ctrl + T .

Примечание

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

Чтобы разблокировать фоновый слой, сделаете по нему двойной клик. Появится окно Новый слой , нажмите на Ок .

Шаг 2

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

После изменения размера нажмите на галочку вверху на панели параметров. В фотошопе CS6 есть ошибка, и эту галочку не видно. Если у вас также ее не видно, то нажмите на кнопку Enter , чтобы принять изменения или Esc , чтобы отменить.

Шаг 3.1 Случай при увеличении

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

Но если настаиваете на том, чтобы изображение было показано полностью, выберите команду Изображение — Показать все .

Шаг 3.2 Случай при уменьшении

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

Чтобы отрезать пустоту, выберите команду Изображение — Тримминг .

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

Как уменьшить или увеличить вставленную картинку в фотошоп

Описанный выше случай в любом случае берите себе на вооружение. А именно умение пользование командой Свободное трансформирование (Ctrl+T ). Этот прием понадобиться, чтобы осуществить такую часто встречающуюся операцию, как уменьшение или увеличение вставленной картинки, предмета, объекта (называйте как хотите).

Итак знакомая ситуация: вы в фотошопе вставили к своему основному изображению другую картинку, но она не подошла по размерам.

Выделите эту картинку и используете команду трансформации. Теперь, как описано выше, тяните за маркеры в нужную сторону.

Способ 3 — Размер холста

Не самый популярный способ, но тем не менее его также рассмотрим — команда .

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

То есть, допустим, ваша картинка 700х700 пикселей. Через Изображение — Размер холста вы задаете размер 500х500. В итоге фотошоп обрезает лишние 200 пикселей по высоте и ширине. В настройках можно указать откуда отрезает: это либо равномерно со всех сторон, либо можно выбрать конкретную сторону.

Как уменьшить размер изображения без потери качества

Мы рассмотрели 4 способа по уменьшению размеров изображения. Из них два способа: Размер холста и Кадрирование не связаны с потерей качества. Фактически (ширина и высота) картинки становятся меньше, но само содержимое остается прежнего масштаба. Чтобы этого добиться, нужно пожертвовать частью картинки, другими словами, просто обрезать ее до нужного размера. Подробнее как это делать смотрите выше по тексту.

Как уменьшить вырезанное изображение в фотошопе

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

О том как вырезать объекты читайте в других статьях. Подробнее остановимся на уменьшении.

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

Когда объект вырезан, нужно образовать вокруг него . После этого примените трансформирование и по инструкции выше тяните за маркеры в сторону уменьшения данного объекта.

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

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

Photoshop JPEG Сжатие и качество изображения

Автор Стив Паттерсон.

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

Поскольку формат файла jpeg по-прежнему является предпочтительным форматом для цифровых фотографий, несмотря на то, что он существует уже более 15 лет, сжатие изображений обычно означает использование сжатия jpeg, которое отлично помогает уменьшить размер файла.К сожалению, это также снижает качество изображения, хотя не всегда легко увидеть, какое негативное влияние сжатие оказывает на изображение, особенно при просмотре его на мониторе компьютера. Но благодаря Photoshop и одному из его редко используемых режимов наложения ужасы сжатия jpeg становятся поразительно очевидными.

Загрузите это руководство в виде готового к печати PDF-файла!

Чтобы точно увидеть, что происходит с нашими изображениями, мы воспользуемся режимом наложения слоя «Разница» в Photoshop.Режим наложения «Разница» получил свое название от того факта, что он ищет различия между двумя слоями. Любые области в обоих слоях, которые абсолютно одинаковы, выглядят как чистый черный, в то время как области, которые каким-то образом отличаются, отображаются как странные цвета. Режим наложения «Разница» не очень часто используется за пределами мира спецэффектов, но он отлично показывает нам, сколько мусора (да, я сказал, мусора) мы добавляем к нашим изображениям jpeg при их сжатии. Это не означает, что нам всем нужно перестать сжимать наши фотографии.Конечно, в идеальном мире, но это просто нереально. Тем не менее, это помогает нам видеть и понимать, что происходит с нашими изображениями, особенно для тех из нас, кто до сих пор был убежден, что нет разницы в качестве изображения между сжатой и несжатой цифровой фотографией.

Здесь у меня есть два открытых окна документов в Photoshop, каждое из которых содержит одно и то же изображение:

В Photoshop открываются два окна документов, в каждом из которых отображается копия одной и той же фотографии.

Но действительно ли это одно и то же изображение? Внешний вид может быть обманчивым, особенно на экране компьютера. По правде говоря, они не такие. Справа — исходная несжатая фотография, как если бы она была загружена непосредственно с цифровой камеры. Слева — это копия фотографии, сохраненной в Photoshop с качеством изображения 60%, что является довольно типичной настройкой. Это означает, что изображение слева было сжато.

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

Мгновение назад я сказал, что режим наложения «Разница» ищет различия между двумя слоями, и что любые области между двумя слоями, которые абсолютно одинаковы, выглядят как чистый черный. Давайте проверим это. Я собираюсь выбрать свою исходную несжатую фотографию и продублировать ее фоновый слой в палитре слоев, нажав Ctrl + J (Win) / Command + J (Mac).Теперь у меня есть два слоя в палитре слоев — исходный фоновый слой внизу и копия фонового слоя, который Photoshop назвал «Слой 1», над ним:

Палитра слоев для исходной несжатой фотографии, показывающая фоновый слой и копию фонового слоя над ним.

Поскольку «Слой 1» является копией фонового слоя, оба слоя должны быть идентичными. Мы можем использовать режим наложения «Разница», чтобы доказать, что это так. Я собираюсь перейти к опции режима наложения в верхней части палитры слоев и изменить режим наложения для «Слой 1» с «Нормальный» на Различный:

Изменение режима наложения «Слой 1» на «Разница».

Когда для «Слоя 1» установлен режим наложения «Разница», если я смотрю на изображение в окне документа, я вижу, что все изображение теперь заполнено сплошным черным цветом, что в режиме наложения «Разница» сообщает мне, что оба слоя фактически идентичны:

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

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

Щелкните значок «Новый корректирующий слой» в нижней части палитры слоев в Photoshop.

Затем я выберу Уровни из появившегося списка корректирующих слоев:

Щелкните значок «Новый корректирующий слой» в нижней части палитры слоев в Photoshop.

Откроется диалоговое окно «Уровни». Я могу использовать гистограмму в центре диалогового окна, чтобы точно увидеть, какая тональная информация отображается на моем изображении.Если каждый пиксель в изображении отображает чистый черный цвет, что должно быть в том случае, если оба моих слоя идентичны, тогда все, что я должен видеть в своей гистограмме, — это одна вертикальная полоса в крайнем левом углу, которая, как оказалось, именно то, что Я вижу:

Гистограмма в центре диалогового окна «Уровни» отображает одну вертикальную полосу в крайнем левом углу, сообщающую мне, что каждый пиксель на моем изображении является чисто черным.

Гистограмма подтверждает, что в настоящее время на моем изображении не отображаются другие цвета, кроме чистого черного, что означает, что «Слой 1» и Фоновый слой на 100% идентичны.Все идет нормально. Теперь мы доказали то, что многие из нас уже знали: когда мы делаем копию слоя, копия во всех отношениях идентична оригиналу. Интересный материал, правда? Давайте двигаться дальше.

Я собираюсь нажать кнопку «Отмена» в правом верхнем углу диалогового окна «Уровни», чтобы выйти из него, и я собираюсь удалить «Слой 1» из палитры «Слои», щелкнув по нему и перетащив его. вниз на значок корзины:

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

Теперь у меня снова остался только мой оригинальный фоновый слой:

Палитра слоев, показывающая исходный фоновый слой.

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

Используя инструмент «Перемещение», перетащите сжатую версию изображения слева в окно документа несжатой версии справа.

Поскольку оба изображения имеют одинаковые размеры в пикселях (ширину и высоту), я собираюсь удерживать нажатой клавишу Shift, а затем отпустить кнопку мыши, что позволит идеально выровнять два изображения внутри окна документа:

Оба изображения теперь идеально выровнены одно над другим в одном окне документа.

Если я загляну в свою палитру слоев, я вижу, что теперь у меня снова два слоя. Несжатая версия изображения находится на фоновом слое, а версия, которая была сохранена с качеством изображения 60%, теперь находится над ней на «слое 1»:

Палитра слоев, показывающая несжатую версию на фоновом слое и сжатую версию на «слое 1».

Я собираюсь еще раз изменить режим наложения «Layer 1» с «Normal» на «Difference»:

Изменение режима наложения «Слой 1» на «Разница».

А теперь, когда режим наложения «Layer 1» установлен на «Difference», если действительно нет разницы между сжатой и несжатой версиями фотографии, я не должен видеть ничего, кроме чистого черного, когда я смотрю на свое изображение в окно документа:

Окно документа после изменения режима наложения «Слой 1» (сжатая версия фотографии) на «Разница».

Хм. Вы видите весь этот слабый шум на изображении выше? Это будет зависеть от того, как вы настроили монитор. Возможно, вы просто видите черный цвет, но я вижу на своем экране, что это определенно не чистый черный цвет, как это было раньше, когда мы сравнивали фоновый слой с его идентичной копией. Там есть что-то еще, и это «что-то еще» говорит нам, что сжатая и несжатая версии фотографии — это , а не . Но насколько они разные? Действительно ли сжатие JPEG имеет такое значение?

Давайте снова воспользуемся корректирующим слоем «Уровни» и позволим гистограмме ответить на этот вопрос за нас.Я нажимаю на значок «Новый корректирующий слой» в нижней части палитры «Слои» и выбираю «Уровни» из списка:

Выбор корректирующего слоя «Уровни» в палитре слоев.

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

Гистограмма больше не просто вертикальная полоса.

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

Так чем они отличаются? Просто — фигня.Сжимая одну версию изображения, мы взяли чистую, нетронутую информацию об изображении и добавили к ней много мусора. Шум, барахло, называйте как хотите. Суть в том, что мы испортили фото. Сколько мусора добавило сжатие jpeg? Возможно, это пока не так много, и это все еще трудно увидеть на самом изображении, поэтому я собираюсь щелкнуть небольшой белый ползунок в правом нижнем углу гистограммы и перетащить его полностью влево. пока не окажется под местом, где начинается черный склон:

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

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

Шум теперь намного более заметен на изображении.

Неприятное зрелище, правда? Теперь, когда мы можем видеть вещи более легко, все эти странные цвета представляют весь ущерб, который мы нанесли изображению, сжав его.Изображение теперь заполнено тем, что обычно называют «артефактами сжатия», что является просто причудливым способом сказать «мы взяли информацию о вашем совершенно хорошем изображении и все испортили». Сжатие изображения jpeg может значительно уменьшить размер файла, но, как показывает нам режим наложения «Разница», он также может значительно снизить качество изображения. Опять же, не всегда легко увидеть, насколько сильно повреждено ваше изображение, посмотрев на него на экране компьютера, но вы определенно заметите разницу при печати в высоком разрешении.

Итак, теперь, когда мы увидели, какой ущерб мы можем нанести цифровой фотографии, сжав ее, что мы можем с этим поделать? К сожалению, немного. Формат jpeg по-прежнему является вашим лучшим выбором для сохранения цифровых фотографий, и когда размер файла является проблемой, у нас действительно нет другого выбора, кроме как сжать их. Если вы работаете над проектом для Интернета, обычно можно обойтись незначительным сжатием, прежде чем качество изображения станет проблемой, но если ваш проект будет печататься, вы захотите использовать исходные несжатые изображения. при любой возможности.И вот оно!

Как сжимать изображения без ущерба для качества

Резюме: Сжатие или изменение размера изображений для различных целей больше не является утомительной задачей. В этом посте рассказывается о 9 быстрых методах сжатия фотографий любого формата файлов на компьютере с Windows или Mac.

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

Эта статья подробно расскажет о различных способах сжатия фотографий для получения оптимального качества. Общие здесь методы предназначены как для пользователей Windows, так и для macOS.

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

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

Например, см. Изображение ниже. Изображение сжато с помощью Photoshop CC. Вы можете видеть, что размер файла уменьшается после сжатия, а качество изображения снижается со 100% до 42%.Хотя параметр качества может быть разным для всех, но это сжатие может соответствовать целям совместного использования изображения или загрузки в Интернете.

Подробнее: Какое сжатие изображений подходит вам — сжатие без потерь, сжатие с потерями или несжатое?

• Экономит место на запоминающем устройстве.
• Уменьшить время загрузки / передачи файла изображения.
• Быстро делитесь фотографиями в социальных сетях.
• Вы можете отправить несколько изображений по электронной почте.
• Вы можете оптимизировать фотографии для Интернета, чтобы повысить производительность сайта.
• Оптимизируйте изображения для печати.

Файлы изображений сжимаются с помощью программного обеспечения для редактирования фотографий. Но множество вариантов программного обеспечения часто может сбить вас с толку. Если вы уже используете какой-либо профессиональный инструмент для редактирования фотографий, например Adobe Photoshop или Lightroom, используйте их для сжатия изображений.Современное программное обеспечение позволяет изменять размер изображения без особого ущерба для качества. Помимо этого, вы можете использовать бесплатные программы просмотра фотографий по умолчанию в вашей системе Windows или Mac. В качестве альтернативы онлайн-компрессоры также быстрее сжимают фотографии по сравнению с настольными компрессорами фотографий.

1. Съемка фотографий в сжатом формате JPEG
2. Приложение Microsoft Photos
3. Сжатие с помощью приложения предварительного просмотра на Mac
4. Microsoft Picture Manager
5. Сжатие фотографий с помощью Microsoft Word
6. Используйте MS Paint
7. Сжатие фотографий в GIMP
8. Сжатие фотографий в Photoshop
9. Бесплатные онлайн-инструменты для сжатия изображений

Давайте узнаем о каждом подробно.

1.

JPEG — это сжатый формат файла. Так почему бы не записать свои фотографии в первую очередь в формате JPEG? Конечно, несжатые файлы RAW дают вам большую свободу творчества. Но если вы уверены, как хотите использовать изображения — загружать в Интернет, сохранять в виде воспоминаний на диск, делиться на Facebook или Instagram — выберите сжатый тип файла JPEG. Все цифровые камеры позволяют снимать и записывать изображения в формате JPEG.

Вам может понравиться: Съемка в JPEG vs.RAW — что лучше?

Приложение «Фотографии» является средством просмотра изображений Windows 10 по умолчанию. Вы можете изменять размер и сжимать изображения в приложении «Фото» в Windows 10.

Действия по сжатию изображений в приложении «Фото»:

• Откройте файл изображения в приложении «Фото».
• Щелкните 3 точки в правом верхнем углу.

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

• В новом всплывающем окне выберите один из вариантов размера по умолчанию — S (маленький), M (средний) или L (большой) в соответствии с вашими требованиями. Вы также можете изменить размеры изображения, выбрав букву C ( Определить нестандартные размеры) .Приложение «Фотографии» позволяет вручную регулировать качество и размер фотографий до оптимального уровня.

• Нажмите Сохранить или Сохранить копию с измененным размером . Выберите место для сохранения сжатого изображения. Назовите файл и сохраните его на своем диске.

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

Шаги по сжатию изображений на Mac с помощью приложения предварительного просмотра:

• Откройте фотографию в приложении предварительного просмотра на Mac.
• Щелкните Tools в строке меню и выберите Adjust Size из раскрывающегося списка.

• Откроется диалоговое окно «Размеры изображения». Это позволяет вам сжимать фотографии 3 различными способами в зависимости от необходимости.

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

Во-вторых, чтобы сохранить исходные пропорции фотографии, выберите Масштабировать пропорционально . Нажмите на параметры размера в пикселях в раскрывающемся меню Вписать в , чтобы сохранить пропорции изображения.

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

• Нажмите ОК.
• Теперь перейдите к Файл в меню, выберите Сохранить как. Сохраните сжатую фотографию под другим именем на диске Mac.

Microsoft Office Picture Manager позволяет упорядочивать, редактировать и обмениваться фотографиями. Хотя программа больше не поддерживается в Office 2013 и более поздних версиях, вы все равно можете установить ее в своей системе Windows с помощью SharePoint Designer 2010.

Инструмент Picture Manager позволяет уменьшить размер и размеры файла изображения. Он включает параметры сжатия по умолчанию для веб-страниц, электронной почты и документов.

Шаги по сжатию фотографии в Microsoft Picture Manager:

1. Откройте фотографию в Picture Manager.
2. Щелкните вкладку Работа с рисунками Формат .
3. Нажмите Сжать изображения .
4. Выберите один из следующих вариантов сжатия:
   • Документы (для сжатия фотографии для вставки в документ)
   • Веб-страницы (для сжатия фотографии для загрузки на веб-страницу)
   • Сообщения электронной почты (для сжатия фотографий для отправки по электронной почте )
5. Нажмите ОК и сохраните файл сжатого изображения.Чтобы отменить сжатие, вы можете нажать Reset Picture .

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

Функция доступна только в настольной версии MS Office.

Шаги по сжатию изображения в MS Word:

• Откройте документ Word.
• Нажмите Вставить > изображения .
• Выберите файл изображения, который вы хотите сжать в документ Word.
• После того, как изображение вставлено, щелкните, чтобы следовать Работа с рисунками > Формат> Сжать изображения.

• В диалоговом окне «Сжатие изображений» выберите один из указанных параметров сжатия в соответствии с вашими требованиями и нажмите OK.

• Фотография будет сжата, и теперь документ будет сохранен.

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

Шаги по сжатию фотографии в Paint:

• Откройте фотографию в Paint.
• Выберите изображение и нажмите кнопку Изменить размер .
• Отметьте поле соотношения сторон. Выберите требуемый размер фотографии.
• Щелкните OK и сохраните изображение.

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

Программное обеспечение совместимо с системами Windows, Mac и Linux.

Шаги по сжатию фотографии в GIMP путем преобразования в JPG:

• Откройте файл изображения в GIMP.
• Щелкните Файл> Сохранить как . В текстовом поле имени измените расширение файла изображения на JPG. Если это уже JPG, введите то же самое.
• Выберите место для сохранения сжатого изображения из раскрывающегося списка «Сохранить в папке».
• Нажмите Сохранить. Откроется диалоговое окно «Сохранить как JPEG».

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

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

В отличие от более простых инструментов, таких как Paint или GIMP, Photoshop предлагает больший контроль при сжатии изображений.По этой причине в Photoshop можно получить наилучшее сжатие с оптимальным качеством.

Хотя есть несколько способов сжатия изображений в Photoshop, здесь мы расскажем об одном из быстрых способов сжатия фотографий.

Шаги по сжатию фотографий в Photoshop CC:

• Откройте изображение в Photoshop.
• Перейдите к Файл вверху и щелкните Экспорт> Экспортировать как.

• В окне Export As качество используемого здесь образца изображения отображается как 100%, а размер изображения — 1.3 МБ.

• Настройте параметры качества в ползунке, как требуется. По мере уменьшения процента качества изображения размер также уменьшается.
• Если результат сжатия изображения удовлетворительный, нажмите Export , чтобы сохранить файл.

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

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

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

Некоторые онлайн-компрессоры изображений, которые можно попробовать, — это Adobe Photoshop Express, Resizer.app, Optimizilla, TinyJPG и CompressNow среди других.

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

Узнайте, как сжимать фотографии

Обновлено 21 ноября 2018 г.

Сжатие фотографий и изображений — это процесс, предназначенный для минимизации размера графического файла без заметного ухудшения качества самого изображения.Использование правильного формата сжатия и инструментов может существенно повлиять на отображение изображений на веб-сайтах и ​​в электронных письмах. Однако многие люди не понимают, как правильно сжимать фотографии. Если вы не знаете о различиях в различных форматах сжатия, скорее всего, ваши фотографии не будут иметь ожидаемого качества, а файлы изображений могут быть намного больше, чем они должны быть.

Сжатие с потерями и без потерь

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

Для сжатия без потерь наиболее популярным форматом является кодирование длин серий, которое чаще всего используется для простых графических файлов, когда есть длинные потоки идентичных элементов данных.DEFLATE — еще один популярный формат, используемый для изображений PNG. Его также можно использовать в методах сжатия Gzip и ZIP. Для форматов GIF и TIFF Limpek-Ziv-Welch (LZW) использует алгоритм сжатия без потерь, который проводит ограниченный анализ данных.

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

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

Типы и форматы изображений

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

• JPEG — Joint Photographic Experts Group (JPEG) — наиболее распространенный формат сжатия изображений с потерями, используемый для быстрой передачи изображений. JPEG предлагает пользователям большой контроль над степенью сжатия, применяемого к изображению. Однако, если в JPEG используется слишком сильное сжатие, изображение может отображать пикселизацию в определенных частях изображения. Узнайте больше о разнице между JPG и JPEG.
• PNG — Portable Graphics Network (PNG) в настоящее время является самым популярным форматом сжатия без потерь, который был создан для замены GIF. Хотя PNG не поддерживает анимацию, как GIF, у него есть явное преимущество, заключающееся в том, что он поддерживает различные параметры прозрачности.
• GIF — Формат обмена графикой (GIF) поддерживает 8 бит на пиксель, поэтому изображение может содержать до 256 различных цветов RGB. Формат GIF обычно используется для анимированных изображений, которые обычно не поддерживаются в большинстве других форматов.

Есть много других типов форматов изображений, доступных для использования. Один из них, который в последнее время набирает популярность, — это WebP. Этот формат изображения показал впечатляющие результаты сжатия без потерь по сравнению с другими популярными форматами изображений. Хотя поддержка браузера WebP еще не завершена, она, безусловно, движется в правильном направлении. Узнайте больше о сравнении размеров сжатия из PNG в WebP и JPG в WebP.

Как сжать фотографию или изображение в Photoshop

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

1. Выберите изображение, которое вы хотите сжать, и откройте его в программе для редактирования или сжатия фотографий (в этом примере мы будем использовать Photoshop).
2. Щелкните меню файла и выберите «Сохранить для Интернета».
3. Выберите формат изображения, в котором вы хотите сохранить. В этом случае мы выберем JPEG.
4. Выберите желаемое качество сжатия изображения. Чем выше уровень качества, тем больше размер изображения. Безопасное значение качества — «80» или очень высокое. Однако это можно изменить в зависимости от ваших требований.
5. Нажмите «Сохранить», а затем выберите место назначения и имя для нового сжатого изображения.

Важно помнить, что сохранение изображения в формате JPEG может привести к заметной потере качества в зависимости от степени сжатия изображения.

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

• Optimus — Если вы пользователь WordPress, использование плагина Optimus — удобный способ оптимизировать изображения при загрузке. Кроме того, вы также можете конвертировать изображения в формат WebP, использовать API разработчика и многое другое.
• Easy Image Resizer — Это бесплатное расширение Joomla позволяет вам легко изменять размер разрешения ваших изображений, а также оптимизировать их.Удобное расширение для пользователей Joomla, которые не хотят оптимизировать свои изображения с помощью сторонней программы / сервиса.
• Image_optim — основанный на приложении ImageOptim, разработанном для Mac OS, этот инструмент представляет собой набор инструментов командной строки, полезных для сжатия изображений различных типов. Он использует множество программ, объединенных в одну, и довольно эффективен и прост в использовании.

Резюме

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

Удаление артефактов сжатия JPEG в Photoshop

Вы недавно сохранили изображение из Facebook, и оно выглядит плохо сжатым?

В сегодняшнем руководстве вы узнаете, как мгновенно удалить артефакты сжатия JPEG, чтобы улучшить качество изображения и сделать его лучше, чем раньше!

Если у вас Photoshop 2021 или новее, вы можете попробовать новый A.I. Фильтр для удаления артефактов сжатия JPEG.

Каждый раз, когда вы сохраняете файл JPEG, вы теряете больше деталей изображения из-за сжатия файла.

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

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

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

Чтобы удалить артефакты сжатия JPEG, вам необходимо начать с преобразования фонового слоя в неразрушающий файл. Для этого щелкните слой правой кнопкой мыши и выберите Convert to Smart Object.

Затем перейдите к Фильтр > Шум > Уменьшите шум.

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

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

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

Нажмите здесь, чтобы узнать, как удалить фон с объектов с мехом!

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

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

При установке этого флажка алгоритм определит, какие линии или нарастание цвета были результатом сжатия JPEG, и будет работать над удалением артефактов сжатия JPEG.

Нажмите OK , чтобы применить настройки.

Можно использовать фильтр Camera Raw (Фильтр> Фильтр Camera Raw) для дальнейшего улучшения изображения.

На панели Basic вы найдете ползунки Shadows и Highlights для управления количеством деталей в этих тональных областях.

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

На вкладке Basics вы можете настроить Saturation для усиления цветов, в то время как Vibrance выявляет цвета пикселей с меньшей насыщенностью.

На вкладке HSL Adjustment вы можете настроить оттенок , насыщенность и яркость отдельных цветов .

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

Вы даже можете изменить оттенок на другой цвет. Примените необходимые корректировки, которые нужны вашей фотографии.

Перейдите на вкладку Detail и настройте количество Sharpness , которое вы применяете к своему изображению.

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

Pro Tip : Чтобы увидеть эффект повышения резкости в действии, удерживайте клавишу Alt (Windows) или Option (macOS) при перетаскивании ползунка маскирования. Сначала все изображение станет белым, но при перетаскивании вправо крайние пиксели станут черными.

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

Продолжайте регулировку до тех пор, пока единственные белые края, которые вы видите, не будут полностью касаться объекта, а не фона. Отпустите клавишу Alt (Windows) или Option (macOS), чтобы вернуться к исходному изображению.

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

Перейдите на вкладку Effects и увеличьте ползунок Amount в разделе Grain , чтобы снова добавить зернистость пленки в фотографию для более естественного вида.

Когда вы установили настройку, нажмите OK , чтобы сохранить изменения!

Вот как вы удаляете плохие артефакты сжатия JPEG и улучшаете фотографии, которые хотите сохранить!

Учебное изображение

Как уменьшить размер файла изображения? »Изображения» Mac »Tech Ease

Основной способ уменьшить размер файла изображения — увеличить степень сжатия. В большинстве приложений для редактирования изображений это делается с помощью выбора, который вы делаете в диалоговом окне «Сохранить как» или «Экспортировать как» при сохранении PNG, JPG или GIF.Чем сильнее сжатие, тем меньше размер файла и тем быстрее он загружается на веб-страницу.

Но сначала вам нужно решить, какой из трех форматов файлов вы хотите использовать. Если ваше изображение представляет собой фотографию с большим количеством цветов или иллюстрацию с градациями, и вы хотите уменьшить размер файла, JPEG, вероятно, будет вашим лучшим выбором. Если аналогичная фотография должна иметь сжатие без потерь или прозрачные области, потребуется PNG-24. Если у вас простая графика с небольшим количеством цветов и сплошными областями, то лучшим выбором будет GIF или PNG-8.Мы рассмотрим, как добиться наилучшего сжатия в каждом из трех типов файлов, начиная с JPEG. Для получения информации о сжатии PNG или GIF прокрутите эту страницу вниз.

Сжатие JPG

Сжимать JPG (также называемый JPEG) проще всего, потому что нужно учитывать только одно: качество. При экспорте в JPG из программы редактирования изображений вам будет предложено выбрать желаемый уровень качества. Вы можете просто увидеть несколько вариантов, например: низкий, средний, высокий или максимальный.Вам может быть задан диапазон чисел, например от 0 (низкое качество) до 12 (высшее качество). Или вас могут попросить выбрать процентное значение от 0% (низкое качество) до 100% (высшее качество). Вы всегда должны выбирать самое низкое качество, которое все еще подходит для ваших целей.

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

Качество 100%, размер файла 103 КБ
Изображение ниже было экспортировано с качеством 100%.Эта настройка редко когда-либо понадобится.

Качество 80%, размер файла 48 КБ
Настройка 80% практически неотличима от настройки 100%. Но давайте посмотрим, сможем ли мы сжать его дальше.

Качество 60%, размер файла 28 КБ.
Даже при 60% большинство людей не заметят никакой разницы от настройки 100%, а поскольку это четверть размера, загрузка будет в четыре раза быстрее.

Качество 40%, размер файла 17 КБ.
Для многих обычных целей приемлемо даже такое изображение с качеством 40%.И загружается в пять раз быстрее оригинала.

Качество 20%, размер файла 12 КБ
Ужасно тут.

Качество 0%, размер файла 7 КБ
Блочность экстремального сжатия JPG очень очевидна.

Пример фотографии из коллекции стоковых фотографий растений FCIT на веб-сайте ClipPix ETC.

Другой способ сохранить размер файла в формате JPG — слегка размыть изображение перед его сжатием. Изображение с меньшим количеством резких краев и четкими деталями сожмется намного меньше.Возможно, вы собираетесь использовать фотографию в качестве фонового изображения. Это идеальный случай для использования размытой фотографии. Вы даже можете размыть только части изображения и добиться экономии файлов. Ниже фото лилейной лилии на насыщенном фоне. Размер файла составляет 77 КБ при сжатии с качеством 60%.

Если мы возьмем то же изображение, выберем фон в программе редактирования изображений, такой как Photoshop, а затем размыем выделение, только фон будет размытым, а цветок останется резким. Фотография ниже была экспортирована в формат JPG с теми же настройками качества 60%, что и выше, и имеет размер всего 54 КБ — это экономия около 30% от размера файла, поэтому он будет загружаться намного быстрее.В этом примере мы получаем немного более художественную фотографию, где фокус остается должным образом на самом цветке, а также достигается значительная экономия в размере файла. Это беспроигрышный вариант.

Последнее замечание о JPG. Помните, что это формат с потерями. Каждый раз, когда вы сохраняете файл в формате JPG, вы теряете качество. Если вы думаете, что когда-нибудь снова захотите использовать ту же фотографию, обязательно сохраните оригинал в таком формате, как TIFF или PSD, а затем просто экспортируйте файл в JPG. Это дает вам как сжатый файл JPG для использования в Интернете, так и исходный несжатый файл, который вы можете использовать позже.Единственное, чего вы определенно не хотите делать, — это сохранять вашу единственную копию файла в виде сжатого JPG, повторно открывать ее для редактирования и снова сохранять как JPG. Это все равно что делать ксерокопии фотокопий. С каждым разом качество будет ухудшаться. Всегда лучше вернуться к исходному несжатому файлу.

Сжатие GIF

Традиционным выбором типа файла для графики, состоящей из простых областей и небольшого количества цветов, является GIF, хотя теперь можно достичь тех же результатов с PNG-8 (и при меньшем размере файла).

изображений GIF ограничены 256 цветами, но вы можете установить меньшую глубину цвета для существенной экономии размера файла. Для достижения наилучших результатов попробуйте выбрать одно из следующих чисел или чуть меньше: 256, 128, 64, 32, 16, 8, 4 или 2. Например, если в вашем изображении 33 цвета, вы можно значительно сократить размер файла, если уменьшить палитру до 32 цветов, но вы не получите такой же экономии при переходе с 32 до 31 цвета.

См. «Что такое битовая глубина?» для получения дополнительной информации и примеров изображений.

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

Есть несколько настроек, которые можно игнорировать.Оставьте «Веб-привязку» равным нулю. Этот параметр — пережиток тех времен, когда большинство мониторов не отображали миллионы цветов, как сегодня. Параметр «Матовый» раньше был очень полезен для смешивания краев прозрачного GIF-изображения с фоном, но если это проблема для конкретного изображения, вам, вероятно, все равно следует переключиться на PNG.

И, конечно же, GIF был традиционным выбором для анимированных изображений, хотя PNG может занять и эту область.

Образец рисунка из коллекции иллюстраций роботов FCIT на веб-сайте TIM.

Сжатие PNG

Наконец-то мы подошли к PNG. Он стоит последним в списке не потому, что он наименее важен, а потому, что включает в себя функции как JPG, так и GIF. Его популярность неуклонно растет и, по некоторым оценкам, теперь используется на большем количестве веб-сайтов, чем JPG или GIF. Поначалу это может показаться немного более сложным, но если вы будете регулярно создавать веб-графику, это, безусловно, стоит освоить.

Во-первых, вам нужно решить, экспортировать ли как PNG-8 или PNG-24.PNG-8 похож на GIF в том смысле, что он лучше всего подходит для графики с небольшим количеством цветов и сплошными областями, такими как логотипы. Основное различие между PNG-8 и GIF заключается в том, что файл PNG-8 обычно меньше, чем файл GIF. PNG-24 похож на JPG в том, что он лучше всего подходит для изображений с непрерывным тоном, таких как фотографии или другие изображения с более чем 256 цветами. Основное различие между PNG-24 и JPG заключается в том, что PNG-24 работает без потерь, поэтому размер файла будет несколько больше, чем у JPG, но качество будет выше.

Экспорт в PNG-8. Если вы экспортируете в PNG-8 из графической программы, вы увидите интерфейс, очень похожий на GIF. Как и в случае с GIF, вам нужно будет выбрать количество цветов (2, 4, 8, 16, 32, 64, 128 или 256), добавлять ли шаблон дизеринга или нет, и нужна ли вам прозрачность или нет. Единственное существенное отличие состоит в том, что PNG-8 будет немного меньше.

Вот мультфильм, экспортированный как 32-цветный GIF. Размер файла 13,6 КБ.

Вот тот же рисунок, экспортированный как 32-цветный PNG с точно такими же настройками, как указано выше.Размер файла 10,2 КБ. Это сокращение размера файла на 25%.

Образец графики из коллекции технических мультфильмов FCIT на веб-сайте TIM.

Экспорт в PNG-24. Поскольку PNG-24 — это формат без потерь, у вас действительно нет никаких параметров качества при экспорте. В отличие от JPG, никакая информация об изображении не отбрасывается. Это также означает, что размер файла может быть довольно большим.

Вот фотография ара, экспортированная в формате PNG-24. Размер его файла составляет 400 КБ.Это довольно много.

Вот та же фотография, экспортированная в формате JPG с настройкой максимального качества (100%). Размер его файла 259 КБ.

А вот та же фотография, экспортированная в формате JPG с настройкой высокого качества (60%). Размер его файла составляет всего 69 КБ.

Пример фотографии из коллекции стандартных фотографий животных FCIT на веб-сайте ClipPix ETC.

Вау, если размер PNG в 5 или 6 раз превышает размер исправного JPG, зачем мне его использовать? Что ж, может быть несколько причин для выбора PNG-24 вместо JPG.

1. Если вам нужна прозрачность изображения, необходим PNG, потому что JPG не поддерживают прозрачность.

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

3. Если вам абсолютно необходимо четкое изображение без артефактов сжатия JPG, ваш выбор — PNG. Хорошим примером является скриншот, на котором много мелкого шрифта. По самой своей природе JPG «размазывает» шрифт, делая его немного труднее читать.PNG будет воспроизводить тип пиксель за пикселем, как он изначально был на экране.

Связанные страницы

В чем разница между растровыми и векторными изображениями?
Что такое битовая глубина?

Как оптимизировать изображения (JPG, GIF и PNG) в Adobe Photoshop

Поскольку изображения могут быть очень большими в килобайтах или мегабайтах, они должны быть оптимизированы для быстрой загрузки веб-страниц. В этом руководстве обсуждается оптимизация изображений JPG, GIF и PNG, их различия и способы их оптимизации в Adobe Photoshop.

Если вы не уверены в разнице между этими тремя форматами файлов изображений, мы рекомендуем сначала прочитать наше руководство «Форматы файлов изображений JPG, GIF и PNG». Кроме того, в этом руководстве термины , оптимизировать, и , сжать , взаимозаменяемы.

Параметры оптимизации

При оптимизации файла в Adobe Photoshop вы можете выбрать сжатие файла в формате JPG, GIF или PNG.Если вы выбрали сжатие JPG, вы можете выбрать процент сжатия, и получившийся файл будет иметь расширение .jpg. Если вы выберете GIF или PNG, вы можете выбрать, как Photoshop будет обрабатывать цвета и прозрачность во время сжатия, а сжатый файл будет иметь расширение .gif или .png. Мы рассмотрим различные параметры, которые вы можете выбрать во время сжатия, позже в этом руководстве.

JPG Обзор оптимизации

Так как формат JPG поддерживает 16.8 миллионов цветов, а GIF поддерживает только 256, большинство фотографий хранятся в виде файлов JPG и должны быть сжаты с помощью JPG. Единственное исключение — когда требуется прозрачность или кто-то хочет легко смешать цвет фона изображения с цветом фона веб-страницы или другого носителя.

Во время сжатия JPG файл теряет часть исходных данных изображения или чистоту цвета. Из-за этого сжатие файлов JPG называется «с потерями». Если вы сравните оптимизированный файл JPG с исходным, вы заметите, что сплошные цветные области в сжатом файле содержат небольшой «шум» — или пиксели, цвет которых немного изменился по сравнению с исходным цветом.Кроме того, некоторые края, которые были резкими, теперь могут быть слегка размытыми.

Если вы хотите изменить файл, который уже был оптимизирован, всегда начинайте с исходного файла ! Внесите изменения, сожмите файл и сохраните изображение с тем же именем, что и файл, который вы заменяете. Не начинайте со сжатого файла, иначе качество будет продолжать ухудшаться из-за «потери качества» сжатия JPG.

Обзор оптимизации GIF и PNG

Напротив, сжатие файлов GIF и PNG называется «без потерь», потому что цвета сохраняют свои истинные значения.Однако, поскольку эти форматы изображений поддерживают только 256 цветов, только определенные изображения должны быть сжаты как файлы GIF или PNG, в противном случае файл изображения может быть довольно большим. Фотографии и изображения, содержащие много разных цветов и цветовых градиентов, обычно лучше сжимаются как файлы JPG.

Единственный раз, когда может потребоваться оптимизация файла как GIF или PNG, даже если размер файла существенно не уменьшился, — это когда вам нужно сопоставить цвет фона или края изображения с фоном, на котором оно будет размещено, или если изображение должно сохранять свои области прозрачности.Только GIF и PNG поддерживают прозрачность; JPG — нет.

Оптимизация изображения в Adobe Photoshop

Чтобы сжать файл для Интернета в Adobe Photoshop, откройте файл и нажмите «Файл» / «Сохранить для Интернета» (или «Сохранить для Интернета и устройств…»). Откроется окно «Сохранить для Интернета». Вверху есть четыре вкладки. Вкладка «4 варианта» наиболее полезна, поскольку позволяет сравнивать исходное изображение с тремя различными сжатыми изображениями, созданными Photoshop на основе различных настроек оптимизации. В зависимости от характеристик изображения Photoshop может отображать изображения как в формате JPG, так и в формате GIF.Вы можете щелкнуть любое из 3 изображений и изменить любые его настройки.

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

При нажатии на одно из сжатых изображений вы увидите доступные параметры сжатия в правом верхнем углу окна «Сохранить для Интернета».

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

Учебник KeynoteSupport.com

Параметры оптимизации JPG

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

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

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

Параметры оптимизации GIF и PNG

Выбрав параметр «Сохранить для Интернета», щелкните вкладку «4 варианта».Исходное изображение находится в верхнем левом углу. Щелкните изображение в правом верхнем углу и выберите GIF или PNG в верхней части боковой панели. Под типом файла щелкните стрелку раскрывающегося списка, чтобы просмотреть варианты выбора алгоритма уменьшения цвета. Если ваше изображение содержит менее 256 цветов, этот параметр не имеет большого значения, если вы не хотите ограничиваться использованием только безопасных для Интернета цветов. В противном случае, если ваше изображение содержит несколько более 256 цветов, Adobe необходимо знать, какие 256 цветов вы хотите использовать. Ваш выбор:

• Perceptual: Adobe выберет 256 цветов изображения, к которым человеческий глаз наиболее чувствителен.
• Выборочный: Adobe выберет из изображения 256 цветов, которые являются наиболее распространенными и предпочтут безопасные для Интернета цвета. Это значение по умолчанию.
• Адаптивный: Adobe выберет из изображения 256 цветов, которые наиболее часто встречаются в изображении.
• Restrictive (Интернет в более старых версиях): Adobe будет использовать для изображения 216 безопасных для Интернета цветов.

Если сжатое изображение не имеет тех же цветов, что и исходное, попробуйте алгоритмы восприятия и адаптации на других изображениях в окне «4 варианта» и сравните их.В зависимости от изображения может быть огромная разница.

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

Учебник KeynoteSupport.com

Как заставить изображения на веб-странице плавно переходить друг в друга

Если вы хотите, чтобы цвет фона изображения плавно сочетался с цветом фона веб-страницы, слайда PowerPoint, плаката ImageReady и т. Д., Вы должны сделать две вещи. Во-первых, убедитесь, что цвет фона или края изображения имеет тот же шестизначный шестнадцатеричный код, который вы указали для цвета фона веб-страницы или плаката.

Во-вторых, вы должны оптимизировать исходное изображение с помощью GIF или PNG, поскольку оба этих типа файлов являются «без потерь» или «без потерь» — цвет изображения сохраняет тот же цвет, который вы указали. Просто убедитесь, что для параметра Lossy установлено значение по умолчанию 0 (ноль) в окне «Сохранить для Интернета» в Adobe Photoshop.

Мы надеемся, что вам понравился наш урок о Оптимизация изображений в Photoshop . Ваше здоровье!

↑ Вернуться к началу

TinyPNG — сжатие изображений PNG с сохранением прозрачности

Что делает TinyPNG?

TinyPNG использует интеллектуальные методы сжатия с потерями, чтобы уменьшить размер файлов PNG.За счет выборочного уменьшения количества цветов в изображении для хранения данных требуется меньше байтов. Эффект почти незаметен, но он очень сильно влияет на размер файла!

Почему мне следует использовать TinyPNG?

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

Кто-нибудь может отличить?

Отличный вопрос! Позвольте мне провести параллельное сравнение. Ниже представлены две фотографии моего двоюродного брата. Левое изображение сохраняется как 24-битный PNG прямо из Adobe Photoshop. Справа то же изображение, обработанное TinyPNG. Заметили разницу?

Как это работает?

Отличный вопрос! Когда вы загружаете файл PNG (переносимая сетевая графика), похожие цвета в вашем изображении объединяются.Этот метод называется «квантованием». За счет уменьшения количества цветов 24-битные файлы PNG можно преобразовать в гораздо меньшие 8-битные цветные изображения с индексом. Также удаляются все ненужные метаданные. В результате лучше PNG файлы с 100% поддержкой прозрачности . Ешьте свой торт и тоже ешьте!

На изображении выше размер файла уменьшен на более чем на 70% . У меня отличное зрение, но я тоже не вижу разницы! Используйте оптимизированное изображение, чтобы сэкономить трафик и время загрузки, и посетители вашего сайта будут вам благодарны.

Везде ли поддерживается?

Отличный вопрос! Файлы, созданные TinyPNG, отлично отображаются во всех современных браузерах , включая мобильные устройства . По-прежнему требуется поддержка Internet Explorer 6? Обычно он игнорирует прозрачность PNG и отображает сплошной цвет фона. С TinyPNG фон снова становится прозрачным. Бинарная прозрачность без обходных путей!

Безопасно ли использовать анимированный PNG?

Отличный вопрос! Chrome, Firefox и Safari поддерживают APNG.Только Microsoft Edge пока не поддерживает формат. Если у вас есть браузер Edge, вы можете проголосовать за поддержку APNG на сайте отзывов разработчиков Microsoft.