Jpg 100 jpg 20 разница illustrator
Одно и то же изображение в разных форматах может иметь разный размер и разное качество. Почему так, для чего используются разные форматы и чем они отличаются — разбираемся в статье.
Это необработанный файл изображения без сжатия. Вы получаете файлы RAW, делая снимки на цифровом зеркальном фотоаппарате. По этой причине такие файлы огромны — каждый из них легко может занимать 25 МБ. Это подходит для редактирования фотографий, но не для их хранения, поэтому и существует сжатие изображений.
В статье будет использоваться одна и та же фотография для сравнения. В браузере нельзя отобразить её в формате RAW, но просмотр высококачественных фотографий в формате JPEG или PNG должен дать представление о том, как выглядит оригинал. Также для сравнения необработанный файл этой фотографии имеет размер 12,4 МБ.
Наиболее распространённый формат изображений JPEG (или JPG) является стандартом организации Joint Photographic Experts Group и часто используется для публикации фотографий и изображений текста в интернете. Формат поддерживает 24 бита на пиксель, по 8 для зелёного, синего и красного, что делает этот формат «truecolor», который может отображать более 16 000 000 цветов.
JPEG способен создавать изображения высокого качества, но это всё равно формат сжатия с потерями. Вот почему вы часто будете видеть варианты «низкое», «среднее» и «высокое» качество при экспорте изображения в формате JPEG. Каждый параметр уменьшает степень сжатия и повышает качество фотографии. Вот фотография в форматах JPEG высокого, среднего и низкого качества с соответствующими размерами.
JPEG высокого качества (качество установлено на 100), размер: 471 КБ
JPEG среднего качества (установлено качество 50), размер: 68 КБ
JPEG низкого качества (качество установлено до 20), размер: 32 КБ
Высококачественный JPEG обычно является хорошим компромиссом между размером и качеством. Однако, как только вы создаёте JPEG среднего и низкого качества, изображение значительно ухудшается. Кроме того, JPEG лучше всего подходит для фотографий или рисунков, у которых меньше резких переходов, чем у текста.
Graphics Interchange Format (GIF) допускает 8 бит на пиксель, по три на красный и зелёный и два на синий. Поэтому GIF-файлам доступны 256 цветов, хотя можно получить и больше, используя несколько цветовых блоков с различными 256-цветными палитрами. При сжатии без потерь GIF-файлы могут идеально воспроизводить свои ограниченные цветовые палитры при многократном повторном сжатии.
Вот тестовая фотография в кодировке GIF:
Размер GIF: 194 КБ
Как вы можете видеть, размер относительно невелик, но отсутствие глубины цвета ухудшает качество изображения (это особенно заметно при переходах между светлым и тёмным, например, внутри края синего горшка с жёлтым цветком на правой стороне фото).
Другая важная вещь, которую нужно знать о GIF-файлах, заключается в том, что они могут быть анимированными, чему можно найти множество интересных применений. Используя несколько кадров изображения, нарисованных по порядку, можно создать видимость движения. Помимо создания анимации, формат GIF редко используется из-за его ограниченного цветового пространства.
Более подробно ознакомиться с вариантами использования анимированных GIF-файлов вы можете, перейдя на эту страницу.
Тип файла Portable Network Graphics, предназначенный для замены GIF, — это ещё один формат сжатия без потерь. Он содержит значительно больше информации, чем его предшественник: 24 или 32 бита на пиксель. 24-разрядная версия содержит информацию RGB, а 32-разрядная использует цветовое пространство RGBA. «A» в RGBA означает «альфа», что обеспечивает разные уровни прозрачности изображения (клетчатый фон, как на рисунке ниже, обычно указывает на прозрачность).
Поскольку PNG-файл содержит гораздо больше информации, он будет немного больше, чем JPEG или GIF.
Размер PNG: 1,5 МБ
Эта фотография PNG выглядит не лучше, чем высококачественный JPEG, хотя важно помнить, что сжатие без потерь будет поддерживать качество фотографии при многократном повторном сжатии. Кроме того, если важна прозрачность, PNG — верное решение.
The Tagged Image File Format изначально разрабатывался для сканеров и становился всё более сложным по мере того, как сканеры переходили от чёрно-белого к полутоновому и до полноцветного изображения. Теперь это широко используемый полноцветный тип файла. TIFF-файлы могут быть сохранены в сжатом или несжатом виде, а используемое сжатие может быть с потерями или без. В большинстве случаев будет использоваться сжатие без потерь, хотя, если размер важен, можно пожертвовать качеством.
Поскольку TIFF технически является обёрткой или контейнером файла, он может сохранять изображения с различными битами на пиксель, предоставляя вам возможность иметь очень большое количество цветов, как это было бы с JPEG или PNG.
Примечание Поскольку поддержка TIFF не универсальна в браузерах, показаны высококачественные JPEG-скриншоты TIFF-файлов.
Несжатый размер TIFF: 2,2 МБ
Размер сжатого файла TIFF: 1,6 МБ
Эти файлы изображений без потерь немного объёмнее, чем форматы JPEG или GIF, но они содержат гораздо больше информации. Хотя в интеренете вы не видите TIFF так же часто, как другие форматы, он очень широко используется и может быть открыт практически любой программой для редактирования изображений.
Это старый формат, который уже не так часто используется. Из-за проблем с отображением этого формата в браузерах используется скриншот BMP в высококачественном JPEG ниже, чтобы вы могли увидеть, как он выглядит.
BMP (bitmap) — это, прежде всего, формат для Windows, и стандарт поддерживается Microsoft. Как и TIFF, он может хранить произвольное количество бит на пиксель, вплоть до 64, а значит, он содержит много информации об изображении. Этот формат может содержать данные о прозрачности, но некоторые приложения Microsoft не позволяют их читать.
Короче говоря, если у вас есть BMP, конвертируйте его во что-то другое. Всё будет работать лучше.
Размер BMP: 1,1 МБ
Оптимальная степень сжатия JPEG
Если при экспорте изображений в формате JPEG вы всегда выбирали уровень качества 12 или 100%, то у вас, скорее всего, полно изображений, размер которых слишком велик без видимых на то причин. Дело в том, что при выборе 100% качества при экспорте в формате JPEG используется минимальное сжатие, что приводит к файлам огромного размера. Это не только увеличивает ваши потребности в размере накопителей, но также увеличивает время, необходимое для загрузки изображений на сайт, и расходы на хранение и пропускную способность. В то время как многие сайты при загрузке изображений применяют различные алгоритмы для их сжатия, лишь немногие делают это достаточно качественно. Так зачем тратить ресурсы и время, постоянно загружая изображения в 100% качестве?
Для сжатия JPEG я бы рекомендовал использовать значение 77% в Lightroom , и 10 вPhotoshop . Такие настройки позволяют сэкономить примерно 200% и более дискового пространства, при этом сохраняя в сцене достаточно деталей, без добавления видимых артефактов. Изредка бывают ситуации, когда на 77% могут появляться полосы в небе, так что если вы столкнулись с такой проблемой, то увеличьте качество до 85%, как правило, этого бывает достаточно для её решения. Я практически никогда не использую значения выше.
Хотя, для многих фотографий даже 77% могут быть излишними. Если вы посмотрите на таблицу выше, выбор качества ниже 10 позволяет значительно сэкономить пространство.
Если вы хотите значительно уменьшить размер файла изображения, то попробуйте сместить ползунок уровня качества до 62% или даже 54% и посмотреть устраивает вас полученный результат или нет. Пожалуйста, обратите внимание, что от изображения к изображению результаты будут разниться. Некоторые фотографии будут хорошо выглядеть на низких уровнях сжатия, в то время как другие – нет.
А какую степень сжатия в Lightroom и Photoshop используете вы? Поделитесь своими параметрами в комментариях к этой статье.
От автора: Друзья, спасибо вам за прочтение этой статьи!
Компьютерная графика бывает двух видов: растровая и векторная. Различаются они в способе хранения информации. Изображение в векторном формате строится с помощью математический формул. Изображение в растровом виде представляет собой прямоугольную матрицу, состоящую из множества точек (пикселей).
Каждое растровое изображение характеризуется количеством пикселей по ширине и высоте или же их произведением (измеряется в мегапикселях). Все растровые форматы делятся на три группы. Без сжатия, с сжатием с потерями и без потерь.
JPG/JPEG (Joint Photographic Experts Group — .jpg, .jpg, jfif) — пожалуй, самый известный растровый формат. Используется сжатие с потерей качества. При сильном сжатии проявляется эффект “квадратиков” (пикселей 8x8). Не поддерживает прозрачность (в отличие от TIF, PNG, GIF). Несколько лет назад был создан формат JPEG2000 (.jp2), который использует более мощный алгоритм сжатия на базе вейвлет-преобразования, однако так и не смог вытеснить прародителя.
GIF (Graphics Interchange Format — .jpg) — популярный некогда формат. Поддерживает не более 256 цветов одновременно, в отличие от PNG. Зато GIF-файлы обладают небольшим размером и поддерживают простейшую анимацию (смена кадров в одной файле).
PNG (Portable Network Graphics — .jpg) — растровый графический формат, использующий сжатие без потерь. Создан для замены формата GIF, т.е. основная сфера его применения — сеть Интернет. Имеет ряд преимущество, по сравнению с устаревающим GIF. Впрочем, PNG не умеет создавать анимированные картинки и степень сжатия ненамного превосходит предшественника.
BMP (Bitmap — .bmp, .dib и .rle) — формат, созданный Microsoft, за счет чего в свое получил широкое распространение. Максимальный размер изображения 65535×65535 пикселей. В настоящее время относится к вымирающим видам. К тому же виду относится и аналогичный формат PCX, разработанный еще в эпоху MS-DOS, и хорошо сжимающий лишь простые рисунки.
TIF/TIFF (Tagged Image File Format — .tif или .tiff) — популярный растровый формат, поддерживающий практически все известные цветовые пространства. Вариант без сжатия практически стал стандартом в полиграфии. Возможно применение различных алгоритмов сжатия без потерь и с потерями.
PSD (.psd) — внутренний формат Adobe Photoshop. Тем не менее, в виду его распространенности, .psd “понимают” многие программы сторонних разработчиков. Несжатый формат.
RAW (.nef, .crw, .raf и другие) — графический формат данных, хранящий “сырые” данные, полученные с цифрового фотоаппарата. Единого стандарта не существует, каждый производитель фотокамер использует свой формат, поэтому не все графические пакеты имеют полную поддержку RAW. Профессиональные фотографы предпочитают снимать именно в RAW, так как он позволяет контролировать многие параметры постобработки фотографии.
DNG (Digital Negative — .dng) — формат файлов, разработанный Adobe Systems для создания единого стандарта для файлов RAW. Однако разработчики фотокамер пока не спешат его внедрять в свои устройства.
Итак, если вы вдохновились хоть одним стоком и зарегистрировались там как продавец контента, неплохо бы узнать, каким должно быть то, что принимают к продаже. Пройдемся по техническим требованиям к файлам основных площадок, соблюдем самые высокие требования, и тогда путь везде открыт. Это, конечно, не так весело, как котики и цветочки, которые вы собрались загрузить, но нужно знать. И разумеется, всю эту информацию можно найти на самих площадках и прочитать на английском языке.
Технические требования к ВИДЕО:
Размер: минимум 640*480, соотношение сторон минимум 4:3.
Длительность: от 5 до 60 секунд.
Формат: .mov или .Mp4
Частота кадров: 23,98, 24, 25, 29,97, 30, 47,95, 47,96, 48, 50, 59,94, 60
Разрешение: лучше HD и 4K, но принимаются также:
- 4K: 4096 × 2160, 4096 × 2304, 4000 × 2160, 3840 × 2160, 3996 × 2160, 4800 × 2700
- 2K и 2,5K: 2048 × 1080, 2400 × 1350, 2432 × 1366, 2702 × 1520, 2704 × 1520
- HD: 1920x1080, 1280 × 720, 1440 × 1080 (только при соотношении сторон 1,778) 1888 × 1062, 1920 × 1088
- SD: 640 × 480, 703 × 576, 720 × 480, 720 × 486, 720 × 576
- PhotoJPEG - видео с прогрессивной разверткой без DV.
- MotionJPEG - видео с чересстрочной разверткой без DV
- ProRes 422/422 HQ / 4444 - экспорт с минимально возможным сжатием
- H.264 - при кодировании в этот формат используйте «лучшее» качество
- PNG - используйте только для видеоряда (анимации), требующего альфа-канала
- Motion JPEG A
- MPEG-4 Visual
- Motion JPEG B
- Apple ProRes 422 LT
- Переносимая сетевая графика (PNG)
- Apple Animation (RLE)
Видеоряд не должен содержать аудио, если оно не улучшает клип или не считается редакционным контентом.
Цветовое пространство: предпочтительно REC 709
Видео с мобильных устройств: принимается с соблюдением критериев качества изложенных выше.
Технические требования к ВЕКТОРУ:
Векторы загружаются в ZIP-архиве, в который необходимо добавить JPEG -превью. Разрешение превью минимум 3.8 МП
Размер: до 50 Мб
Какой формат изображений лучше использовать?
Короткий ответ: для большинства целей PNG — очень достойный вариант. Особенно если изображения большого размера. Например, для печати фотографий размером 8×10 и более. Различие между типами файлов наиболее очевидны на напечатанных фотографиях. А сжатие без потерь означает, что качество будет поддерживаться в течение нескольких циклов сжатия.
JPEG высокого или даже среднего качества, скорее всего, подойдёт, если вам нужна более высокая степень сжатия, например для отправки фотографий по электронной почте.
TIFF в основном полезен, если вы знаете, как настроить определённые параметры. Следует избегать как GIF, так и BMP (если, конечно, вы не создаёте анимированные GIF). Рекомендуется хранить RAW-файлы, чтобы вы всегда могли редактировать свои фотографии прямо из исходника.
Определение идеального качества JPEG и в Photoshop и в Lightroom может быть сложным, потому что мы часто видим два различных значения, из которых нам предлагается выбрать. Photoshop предлагает пользователю уровни сжатия от 0 до 12 при сохранении изображений в формате JPEG через пункт «Сохранить» или «Сохранить как», в то время как Lightroom предлагает выбрать процент. Воспринимать проценты проще, чем цифры от 0 до 12, так как 100% нам легче соотнести с «лучшим качеством изображения». Непонятно зачем Adobe создала путаницу со значением чисел, так как нигде в документации нет информации о том, какой диапазон эти самые числа представляют.
Правда, значение в процентах, которые мы видим в Lightroom на самом деле не отображают реальные значения 0 до 100. Adobe просто решила отобразить шкалу от 0 до 12 в процентном соотношении. В итоге это означает, что переход от одного числа к другому, например, в диапазоне от 85% до 90% не даст никакой разницы в сжатии и размере изображения, в то время как изменение от 84% до 85%, наоборот, будет иметь существенное значение.
Ниже приведены различные окна, которые мы привыкли видеть. Во-первых, вы видите окно, которое отображается, когда вы нажимаете кнопку «Сохранить» или «Сохранить как» и выбираете формат JPEG в Photoshop:
Как уже говорилось, в этом окне вы можете выбрать значение по шкале от 0 до 12. А вот окно экспорта Lightroom:
Здесь мы видим информацию о степени сжатия JPEG от 0% до 100%.
Теперь давайте взглянем на таблицу ниже, где значения шкалы Photoshop от 0 до 12 отображаются в процентах:
Итак, что же это значит? В целом это означает, что некоторые числа вообще не имеют значения, в то время как другие существенно влияют на качество, даже при малейшем смещении по процентной шкале. То есть выбор качества 80% даст вам тот же самый результат, что и 77% или 84%. И до тех пор, пока вы не выберете значение 85%, ничего не изменится. То же самое касается и 90% — этот уровень качества ничем не отличается от 85%!
Технические требования к ВИДЕО:
Формат: MOV, MP4 , MPG или AVI
Разрешение: от 1280×720, но рекомендуются видеоролики в Full HD или 4K
Предпочтительные кодеки: h264, ProRes, PNG
Длительность: от 5 до 60 секунд
Размер: до 3900 МБ
Избегайте вертикального и квадратного кадрирования.
2. Растеризовать Ai файл через Adobe Photoshop
Закидываем ai в фотошоп. Не забываем выставить 300 dpi, сглаживание Anti-aliased и все остальные необходимые вам настройки.
Фотошоп отрастрирует векторный файл. Скорее всего вам придётся подождать некоторое время, пока он трудится.
И в конце останется сохранить полученный растровый файл через File > Save as в формате JPEG. Тоже не забывайте поставить настройки качества на максимум.
Не исключаю, что есть ещё хитрые способы :)
Если вы такие знаете, то делитесь в комментариях. Будем обмениваться опытом.
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
123RF
Требования к ФОТОГРАФИИ:
Размер: от 4МP (мегапикселей). Для расчета MP нужно умножить высоту изображения на ширину
Разрешение: 300 dpi
Цветовая модель: RGB
При увеличении изображения до 100% не должно быть шума, пыли, хроматических аберраций.
Размер: до 50 Мб
Допустимо увеличение размера не более 5%
Правильная экспозиция, объект в фокусе
Технические требования к ВИДЕО:
Форматы: ASF, AVI, DV, FLV, MOV, MPEG / MPG, MP4, WMV;
Видеокодеки: Photo JPEG, Motion JPEG-A / B; DV, HDV, DVCPro; H.264 / AVC, DivX, Xvid, SVQ1, MP42, MP43, MPG4, MP4V, M4S2, MPEG-1, MPEG-2; WMV2, WMV3; FLV;
Частота кадров в секунду (FPS) должна соответствовать видеоформату (стандарт NTSC 29,97 FPS или стандарт PAL 25 FPS). Принимается 23,976, 24, 25, 29,97, 30, 50, 59,93 или 60 кадров в секунду
Минимальное разрешение 0,07 МП (320 x 240 пикселей)
Максимальное разрешение не ограничено
Продолжительность: 3-60 секунд
Уровень сжатия должен соответствовать максимально возможному качеству изображения
Звук может быть принят, если он является частью сцены (окружающие звуки, голоса). Видео НЕ должно содержать звуковых дорожек, не принадлежащих авторам видео
Если у вас стоит задача сохранить JPEG высокого разрешения в Adobe Illustrator, а он предательски выдаёт вам такое: Unable to export at this resolution. Please lower the resolution and try again. То вы попали по адресу :) Потому что сейчас мы будем решать именно эту проблему. JPEG с высоким разрешением 300 dpi (300 ppi) может понадобиться для печати. Также такие файлы отлично подходят для микростоков, если размеры у JPEG будут около 25 мегапикселей. Практически везде такие берут, даже придирчивая Fotolia. Если вы ещё не знаете, как подготавливать и сохранять векторные иллюстрации для микростоков, то вам сюда - Как готовить борщ :)
Понятно, что для стока прокатит и экранное разрешение 72 dpi с большими размерами в пикселях по ширине и высоте. В этом случае можно просто сохранить JPEG через Save for Web (Alt+Shift+Ctrl+S). У данной опции доступны поля для ввода ширины и высоты картинки на выходе. Но для тех, кто всё-таки хочет, чтобы JPEG был высокого разрешения 300 dpi, этот способ не подходит. Остаётся File > Export. Именно там можно выбирать разрешение. Но он часто подводит, если Adobe Illustrator посчитает, что не хватает оперативки на выполнение операции. Именно тогда вы можете увидеть такое предупреждение.
Это я пытаюсь в Ai CC отэкспортировать в JPEG высокого разрешения 300 dpi довольно простую картинку. Кстати, CS6 иллюстратор ругается точно также. Например, если артборд в иллюстраторе размером 1200x1200 px, то при экспорте в 300 dpi, получится JPEG высокого разрешения с размерами 5000x5000 px.
Могу предложить два способа обойти этот момент, и сохранить таки красивый качественный JPEG в 300 dpi.
Технические требования к ФОТО:
Разрешение: от 4 до 100 Мп
Размер: до 45 МБ
Технические требования к ВЕКТОРУ:
Формат: EPS10 или EPS8
Растровая копия JPEG-превью больше не принимается!
Размер: до 100 Мб
Цветовая модель: RGB
Обязательно выкл. галочка “Включать CMYK” иначе искажаются цвета
Замкнутые контуры и пути, разобранные эффекты, шрифты, заливки и т.п., все объекты разблокированы
Не допускается наличие растровых объектов
Функция Photoshop «Сохранить для Web»
Функция Photoshop «Сохранить для Web» работает несколько иначе от рассмотренных выше «Сохранить» и «Сохранить как…» в Photoshop и экспорте в Lightroom, так как в ней используется иной алгоритм сжатия. Здесь имеет значение каждое число от 0 до 100, а размер файла может существенно варьироваться.
Так выглядит окно Photoshop «Сохранить для Web»:
Что следует особо отметить в этой функции, так это то, что она оптимизирована для файлов с небольшим разрешением, предназначенных для публикации на сайте. Как видите, здесь есть больше параметров для настройки JPEG, например, вы можете выбрать, сохранять данные EXIF (поле метаданных) или полностью удалить их вместе с цветовым профилем.
Adobe Stock
1. Попробовать предыдущую версию Ai
Тут всё просто. Если ваша версия иллюстратора отказывается делать экспорт в JPEG, то берём любую другую, и пробуем через неё.
В моём случае Adobe Illustrator CS5 оказался более сговорчивым.
Технические требования к ФОТО:
Цветовое пространство: RGB
Разрешение: не менее 3.8 МП (2400×1600 пикс)
Размер: до 50 Мб
Shutterstock
Технические требования к векторам:
Размер: до 30 Мб
Векторные изображения должны сопровождаться JPEG-превью с минимальным размером 1600*1600 пикселей
Технические требования к ВЕКТОРУ:
Допускается два варианта загрузки вектора.
Вариант 1: Отдельный векторный файл
Формат: AI, EPS или SVG
Размер артборда: от 15 МП до 68 МП
Максимальный размер файла: 45 МБ
Примечание: При таком методе возможны погрешности в отображении цветов на превью. Чтобы этого избежать используйте метод 2.
Вариант 2: ZIP-архив
Формат: AI или EPS
Каждый векторный файл должен быть помещен в отдельный ZIP архив вместе с JPEG превью
Минимальное разрешение JPEG превью: 15 МП
Максимальный размер файла: 45 МБ
Технические требования к изображениям:
Разрешение: от 6 МП
Размер: до 30 Мб
Только высокое качества (80% сжатие)
Depositphotos
Читайте также: