Computer help - file server


[ Blog ] - [ File Server ] - [ Удаленная компьютерная помощь ]

Ранее я писал статью о том, как уменьшить размер файла изображения с помощью встроенной функции электронной почты в проводнике или с помощью настольной программы Image Resizer для Windows. Это хорошие варианты, но есть несколько других способов оптимизации изображения. Кроме того, многие веб-сайты рекомендуют вам использовать Paint, но я обнаружил, что это не лучший метод, потому что изображения выглядят намного хуже.

Во-первых, важно понимать, что некоторые методы, используемые для уменьшения размера изображения, приводят к ухудшению качества изображения, что может быть приемлемым для веб-сайта, но не для печати.Обычно это происходит, когда вы меняете разрешение изображения, скажем, с 2560 × 1440 на 1920 × 1080.

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

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



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

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

Формат и сжатие

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

Исходный GIF: 27 КБ



Исходный JPEG: 67 КБ



Исходный PNG: 68 КБ



Как видите, файлы PNG и GIF определенно четче, чем JPEG.Как упоминалось ранее, JPEG лучше подходит для фотографии. GIF здесь хорошо подходит, так как его размер составляет всего 27 КБ по сравнению с PNG, который составляет 68 КБ. Однако, по моему опыту, PNG сжимаются намного лучше, если это сжатие с потерями, а качество изображения остается очень хорошим.

Когда я сделал сжатие без потерь из трех, только изображения JPG и PNG уменьшились в размере, но не намного. PNG увеличился до 45 КБ, а JPG - до 58 КБ. Когда я сделал сжатие с потерями, цифры для PNG были самыми впечатляющими.

GIF с потерями: 22 КБ



JPEG с потерями: 50 КБ



PNG с потерями: 23 КБ



Как вы можете Видите ли, PNG выглядит лучше всего, и он всего на 1 КБ больше, чем GIF! Вот почему я использую изображения PNG на этом сайте для большинства своих снимков экрана.JPEG всегда лучше подходит для фотографий с большим количеством цветов. Но помните, что JPG - только 16-битный, а PNG - 24-битный, поэтому JPG поддерживает миллионы цветов, а PNG поддерживает неограниченное количество цветов.

GIF уменьшился всего на 5 КБ, но при этом сильно потерял качество. JPG не сильно сжимается, но JPG обычно не сжимается так же хорошо, как PNG.

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

Изменить разрешение изображения

Основной способ уменьшить изображение - уменьшить разрешение изображения. Если у вас есть файл размером 4000 × 2500, то уменьшение размера до 2000 × 1250 уменьшит его вдвое. Очевидно, вы потеряете большой кусок исходного изображения в данных, но в зависимости от вашей цели это может не иметь значения.



В каждой программе редактирования изображений есть способ изменить или изменить размер изображения.Здесь вы можете изменить ширину/высоту или разрешение, которое обычно составляет точек на дюйм (DPI) или пикселей на дюйм (PPI). Прочтите эту замечательную статью о разнице между DPI и PPI. Для чего-либо в Интернете вам нужно беспокоиться только о пикселях, а не о точках. Точки влияют только на распечатанные изображения.

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

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

Изменить глубину цвета/режим

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



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

Обрезать изображение

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



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



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



Новый размер файла всего 9 КБ! И все это даже без сжатия или изменения формата файла.После сжатия я сократил его до 4,4 КБ. Так что кадрирование - важный способ уменьшить размер изображения.

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

.
SETUP UA COMPUTER BLOG