Как изменить формат файла в фотошопе
Друзья, привет. Многие из нас ведут блоги, или выкладывают периодически фотографии на сайтах. И я тоже постоянно сталкиваюсь с проблемой веса фотографий. И сегодня хочу поделиться своим опытом, и расскажу как уменьшить изображение в фотошопе без потери качества.
Поскольку у меня блог про тему фотографии, то фоток на моем сайта предостаточно, что только добавляет мне вопросов оптимизации фотографий.
В начале
Обычно перед тем, как выложить статью на блоге, я все изображения загружаю в фотошоп, и там их уменьшаю. Делаю я это через функцию «Сохранить для веб», или горячими клавишами Shift+Ctrl+Alt+S.
С виду много клавиш, которые нужно зажать, но на практике получается очень удобно, если поставить большой палец на Alt, мизинец на Ctrl, безымянный на Shift, ну и указательный на S. Получилось? Видите, как просто.
Недавно я выкладывал статью про самые дорогие мотоциклы в мире, и вот у меня так было в фотошопе:
Если вы обратите внимание, то весит эта фотография самого мотоцикла 2,15 Мб.
Понятно, что в таком виде на сайт выкладывать ее совершенно не нужно. Это огромный вес для интернета. Нажимаем наши волшебные клавиши Shift+Ctrl+Alt+S, и у нас открывается вот такое окошко.
Параметры сохранения
Давайте разбираться, где какие параметры, и на что нужно обратить внимание, чтобы сохранить картинку в хорошем качестве, и при этом уменьшить ее размер.
- Формат изображения. Как я заметил по опыту иногда можно сохранять в jpeg, иногда можно сохранять в png. Ниже расскажу про особенности применения обоих.
- Качество изображения. Тут тоже можно играть настройками. Иногда можно поставить 90%, иногда можно поставить и 80. Бывали случаи, когда я ставил и 55 и 60%. Все зависит еще и от других параметров.
- Размер изображения. Тут вы должны понять какой размер нужен вам на вашем сайте или блоге. Больше 1000 px думаю ставить не стоит, потому что ширина контентной части блога где-то 700-800px.
- И наконец, самая главная величина, на которую вы будете постоянно ориентироваться — вес самой фотографии.
Как вы видите, фотошоп уже сжал фото с 2,15 Мб до 300 Кб. И это уже очень хорошо. Но обычно я не использую в своем блоге изображений весом больше 200 кб.
И то это редкий случай, когда нужно показать красивую фотографию в полном размере, как например, фотографии в пресетах Лайтрум, где нужно показать красоту обработки фильтра.
А в обычных статьях блога сейчас стал делать фотки где-то в районе 100кб плюс минус 20-30кб. Раньше, в первых статьях старался вообще делать где-то 50-70кб, но это сильно искажало картинку, и теперь стараюсь делать побольше.
Формат
Давайте теперь более подробно разбираться в тонкостях этих настроек, и начнем мы с формата. Как я уже сказал, где-то можно сохранить в jpeg, где-то в png.
Для себя я вывел такое правило, что если есть изображение, такое как фотография, картинка, то лучше сохранять в jpeg, и просто уменьшить размер, и уменьшить качество. В нашем случае можно сделать вот так:
Мы делаем формат jpeg, качество 80, ширину убавляем до 800, и видим, что наше фото уменьшилось в весе, и стало 146 кб. Это для вас приемлемо? На сайте она будет выглядеть вот таким образом, т.е. полностью в ширину контекстной части.
Вполне качественно, хорошо видны детали, и в целом очень приемлемый вариант для блога, если нужно показать качественно. Я думаю, в случае с мотоциклами, то фото должны быть только хорошего качества. Вы согласны?
Если для вас это много по весу, давайте попробуем сделать меньше размер, не 800px, а сделаем 700px, смотрим что у нас получается в самой программе.
Вы уже видите, что вес уменьшился, и стал уже 117 кб. Длину фото мы сделали 700px. Вот как эта фотография будет выглядеть у вас в блоге в контексте записи:
Чуть меньше, чем предыдущее фото, и тем не менее, вполне себе здорово смотрится на сайте, и красота мотоцикла видна в полной мере.
Кстати, разница по ширине в статье совсем не заметна. Я тоже для себя кое-что вынесу из этого урока! Будем еще меньше делать фото? Давайте сделаем в настройках 600px. Мне кажется это вполне еще приемлемо. Вот так будет в программе:
И мы уже видим, что при размере в 600px, вес стал 91кб. Совсем не много, мне кажется, для любого сайта. И вот как эта фотка будет выглядеть в вашей заметке:
Я больше не буду уменьшать, вы сами это можете сделать и понять какой вариант размера вам больше подходит для вашего ресурса.
Давайте перейдем к другому параметру, и посмотрим как он отражается на самой фотографии, и на сколько можно уменьшать эти настройки.
Качество
Вы, наверно, заметили, что здесь все настройки очень переплетены между собой. Выше был заголовок формат, а я говорил про размер, потому что тут сложно говорить только о чем-то одном, это сразу отражается и на другом.
Я думаю, тут важно понять принцип, и он не такой сложный, как может показаться на первый взгляд, но небольшая практика нужна. Давайте будем двигать ползунок, который отвечает за качество.
Как мы видели, размеры 800px и 700px совсем не отличаются по тому, как они выглядят на сайте. Поэтому, я предлагаю двигать качество на размере 600px.
Это вполне себе нормальная картинка для блога, и если вам нужно сделать ее еще меньше по весу, то лучше проводить эксперименты с этим размером.
Качество 80% у нас уже было, поэтому давайте уменьшим до 70%, и посмотрим что у нас получится. В программе это будет выглядеть вот так:
Смотрим сколько у нас теперь весит картинка? Только 71Кб! Это очень хороший результат для сжатия изображения. И что же мы будем видеть на сайте с такими параметрами? А вот что!
Тут уже на любителя, и кто как видит. Для меня, это не очень хорошая фотка, а для вас — смотрите сами. Давайте я еще уменьшу на 10% качество, раз уже мы двигаемся в эту сторону и посмотрим что будет происходить. Ставим параметр 60% на 600px. Окно программы будет вот такое:
Как видим, весить она стала всего 57Кб. Да, теперь не будет больших скачков в весе фотографии, и все будет уменьшаться по маленьким параметрам. Ну а в записи с такими параметрами мы увидим вот такую фотографию:
Тут важно показать направление для экспериментов и подбора нужных значений. И я его показал. А дальше можно делать все что вам захочется.
Можно же еще немного кадрировать саму картинку, чуть-чуть подрезать сверху и снизу, что я и сделал у себя в статье про самые дорогие мотоциклы в мире. Да, это тоже хороший вариант сделать уменьшение изображения, в том числе и по весу.
Jpeg или png
И остался у нас один вопрос, о котором хотел бы рассказать в данной статье. Когда использовать jpeg, а когда png. Даже в рамках этой статьи, я использовал и тот и другой формат.
А секрет вот в чем, я уже говорил о нем. Если вам нужно показать картинку, то вы делаете jpeg, если вам нужно показать цифры, или скриншот программы, то вы делаете png.
Именно так и я делал выше. Если вы внимательно поглядите на сам мотоцикл в скриншотах программы, где стоят настройки, то вы увидите очень грубые градиенты перехода цвета. К примеру на зеленых деталях мотоцикла. Посмотрите внимательно!
Конечно, когда мы следим за цифрами, допустим в окне программы, то сама картинка уходит на второй план, и все внимание на показатели, с которыми мы работаем.
Но если сделать png для самой картинки, то я могу показать что будет. Давайте сравним как будет выглядеть png и jpeg с одними и теми же настройками всего остального. Вот глядите, ставим в программе 600px и ставим формат png:
Как видим такое изображение будет весить 108 Кб. Это примерно 700px формата jpeg c 80% качества. И что теперь мы будем видеть на сайте:
Вполне себе рабочий вариант, и можно так делать. Но в данном случае, лучше будет сделать jpeg, потому что он будет весить меньше и качество будет лучше.
А вот рабочий процесс программы делаю по другому. Допустим, я выставляю разные настройки для изображения, делаю скрин этого процесса. А потом для того, чтобы выложить это на сайте, сохраняю этот скрин в png, причем размер я не трогаю:
Т.е. вы видите размер у меня тут на этой картинке 1135 px, и так видно хорошо все цифры и все параметры. Весит 137Кб такая картинка, но если сделать меньше, то будет все очень плохо видно.
Вот на этом я думаю мы с вами закончим этот достаточно объемный и большой урок по фотошопу, и как тут можно уменьшить изображение для сайта.
Надеюсь, вам все было понятно. Для начала, я думаю, это достаточно заморочисто, но вот такой это вопрос. Пишите в комментарии, если у вас будут вопросы, отвечу на все.
Нужно немного практики, пробуйте разные варианты. Все еще зависит от самой фотки и её качества. Бывают качественные картинки приходится сжимать, а бывает и плохое качество. Тогда тоже нужно опытным путем подобрать настройки и выбрать наиболее приемлемые для вас.
Привет, друзья! Как ваши дела? Готовы узнавать новое и получать полезные навыки? Уверен, что да. Сегодня мы с вами продолжаем изучать Photoshop, его функции и возможности. Темой урока: как в фотошопе поменять формат.
Мы поподробнее разберем способы изменения размера фото и рабочей области, а также узнаем про форматы сохраняемых файлов и как их изменять. Поехали!
Изменяем размер
Умение изменять размер изображений может пригодиться в любой момент работы с программой, так что это очень важно. Будьте аккуратны с маленькими картинками, не забывайте, что при их увеличении качество будет ухудшаться.
Как избежать такой потери – мы разберем чуть ниже. Для начала откройте рисунок, который хотите увеличить или уменьшить. У нас вот такая замечательная пчелка.
Далее в меню сверху найдите пункт «Изображение» и перейдите в него. В открывшемся меню нажмите на «Размер изображения». После этого откроется всплывающее окно, где можно регулировать параметры.
По умолчанию единицы измерения – пиксели. Нажав на них, мы откроем выпадающий список со всеми единицами, можете выбрать такие, в которых вам удобнее работать. Мы остановимся на процентах. Их регулировать легче всего.
Красная стрелка указывает на значок сохранения пропорций. Сейчас он выделен, это означает, что, когда мы будем изменять ширину или высоту, второй размер автоматически подстроится под указанный.
Если мы отключим эту функцию, то сможем изменять пропорции независимо друг от друга. Давайте увеличим картинку на 20%. Окно просмотра слева сразу отобразит нам результат увеличения.
После того, как мы нажмем на кнопочку «ОК», выставленные параметры сохранятся, и картинка станет больше. Для того, чтобы уменьшить изображение, достаточно указать более низкие значения.
Другой вариант
Для редактирования размеров можно использовать еще один способ. Для этого нужно открепить слой, нажав на замочек справа.
Сразу после этого мы сможем регулировать размер, зажимая левой кнопкой мыши указанные точки.
Для сохранения пропорций нужно зажать кнопку Shift на клавиатуре. Уменьшаем или увеличиваем картинку до нужных нам параметров и нажимаем кнопку Enter.
Этот способ легкий и быстрый, однако при уменьшении картинки станет видна рабочая область. Как от нее избавиться мы разберем чуть ниже.
Как избежать сильной потери качества
Для того, чтобы улучшить качество картинки после ее увеличения, можно воспользоваться одним из фильтров фотошопа. В верхнем меню нажмите на «Фильтр», далее «Усиление резкости» – «Умная резкость».
Если нажать на окно просмотра и держать кнопку, то будет виден оригинал. Как только отпустите, будет показан рисунок с применением фильтра. Как видите, он стал четче. Но будьте аккуратны с использованием резкости, очень легко переусердствовать и исказить изображение.
Изменяем размеры рабочей области
В предыдущей части мы уменьшили картинку и увидели нашу рабочую область. Сейчас мы разберем, как изменять ее размеры.
Для этого выберите «Изображение» в меню сверху и нажмите на пункт «Размер холста». В открывшемся окне выставляем нужные нам значения.
В нашем случае нужно сделать холст под картинку, значит выставляем параметры меньше оригинальных. Для увеличения рабочей области наоборот пишем большие значения. После того, как мы подобрали все, что нужно, нажимаем «ОК».
Также, для изменения рабочей области очень удобен инструмент «Кадрирование». Или можно нажать англ. букву «С» на клавиатуре.
Активировав его, нам остается лишь потянуть за указанные места в нужном направлении. С его помощью можно быстро как уменьшать, так и увеличивать параметры холста.
Изменяем формат при сохранении
Форматы при работе с фотошопом очень важны. Давайте кратко пробежимся по основным трем.
- Формат Psd – это редактируемый файл фотошопа. То есть, открыв его, вам будут доступны все ранее созданные слои. В этом формате первым делом следует сохранять все свои работы.
- Jpeg/jpg – самый популярный формат для хранения растровых изображений. Он позволяет регулировать качество рисунка при сжатии. Соответственно, контролировать размер файла, ведь чем хуже качество – тем меньше он занимает места на диске.
- PNG – веб-формат. Он позволяет сжимать картинку без потери качества. Обычно его используют для хранения графики, логотипов, текстов и пр. Еще этот формат поддерживает прозрачность.
Для того, чтобы сохранить изображение в нужном нам формате, необходимо открыть окно сохранения. Для этого в меню сверху нажмите «Файл», далее «Сохранить как».
Чтобы изменить формат при сохранении, нажмите на выделенную область. В выпадающем списке найдите нужный вам формат: PSD, PNG или JPEG и нажмите «Сохранить».
Заключение
На этом всё, друзья, наш очередной урок завершен. Сегодня мы с вами изучили очень много полезного о возможностях программы.
Теперь вы можете повторить всё сами, оттачивая свои навыки владения фотошопом. Как всегда, делитесь уроками с друзьями в социальных сетях и подписывайтесь на мои обновления.
Пишите в комментариях, если у вас есть какие-то вопросы или просто пожелания, буду рад! Ну и до новых встреч! Всем пока-пока, скоро увидимся!
Форматом изображения применительно к «бумажным технологиям» принято называть размеры картинки - ее длину, ширину или соотношение этих величин. А в электронных технологиях таким словом чаще обозначают стандарт записи данных, который используется при сохранении изображения в файл. С помощью графического редактора Adobe Photoshop можно изменить и размеры картинки, и тип файла, в который она будет записана.
- Как в Фотошопе изменить формат картинки
- Как сделать картинку с 256-цветной кодировкой
- Как уменьшать в фотошопе
Независимо от того, требуется ли вам изменить размеры изображения или тип хранящего его файла, начните с запуска редактора и загрузки в него исходной картинки. Если вы дважды кликните по файлу в «Проводнике» или на рабочем столе, обе эти операции будут последовательно выполнены автоматически - ОС сделает это за вас.
Для изменения длины и ширины изображения вам нужно вызвать соответствующий диалог - раскройте раздел «Изображение» в меню редактора и выберите пункт «Размер изображения». Вместо меню можно воспользоваться «горячими клавишами» Alt + Ctrl + I.
По умолчанию в этом диалоге стоит отметка в поле «Сохранять пропорции». Это означает, что всякое изменение длины или ширины автоматически изменит и значение второго размера. Уберите эту отметку, если соблюдать исходное соотношение сторон не требуется.
Если же изменить требуется формат файла, в котором хранится изображение, сразу после загрузки картинки откройте один из трех вариантов диалога сохранения. В разделе «Файл» меню Adobe Photoshop команды их вызова обозначены как «Сохранить для Web и устройств», «Сохранить как» и просто «Сохранить».
В каждом из этих диалогов есть поле «Тип файла» со списком доступных графическому редактору форматов записи изображений - выберите среди них нужный. При вызове диалога с использованием команды «Сохранить для Web и устройств» этот выпадающий список появляется на втором этапе, после формы с настройками оптимизации качества изображения. Правильнее будет выбрать тип файла до изменения настроек в форме оптимизации - список форматов помещен в ее правый верхний угол. После установки желаемого типа нажмите кнопку «Сохранить» - файл изображения будет записан в выбранном формате.
Разрешение – один из основных показателей изображения, отвечающих за его качество. Оно демонстрирует, сколько умещается точек (пикселей) на пространстве площадью в один дюйм. Чем выше разрешение, тем выше качество фотографии. Но менять его нужно умеючи, в чем большую помощь окажет мастер работы с изображениями – «Фотошоп».
- Как в Фотошопе изменить разрешение
- Как изменить формат в фотошопе
- Как изменить размер в фотошопе
- - установленное программное обеспечение «Фотошоп», для работы подойдет любая версия.
Низкое разрешение изображения всегда сказывается на качестве фотографии, особенно при изменении его размеров в большую сторону. Но если немного поколдовать с пикселами, можно получить довольно неплохое фото.
Запустите на своем компьютере «Фотошоп». Сделать это можно, кликнув по ярлыку, если он имеется на рабочем столе, или через меню «Пуск» выбрать «Все программы» и найти нужную вам.
Когда программа откроется, добавьте необходимое для обработки изображение. Для этого в строке меню кликните на «Файл» и перейдите к опции «Открыть как» или воспользуйтесь «горячими» клавишами Alt+Shift+Ctrl+O. Затем выберите место расположения изображения и нажмите «Открыть».
После того как фотография появится в рабочем окне, найдите на панели меню пункт «Изображение». Кликните по нему и перейдите к опции «Размер изображения». Несколько быстрее к этому разделу помогут перейти нажатые одновременно кнопки Alt+Ctrl+I.
Затем в открывшейся таблице введите необходимые размеры изображения, указав его ширину и высоту, в пикселах или процентах. В этих строках представлен реальный масштаб рисунка. А в нижних графах отражается размер печатного оттиска и разрешение фото. Здесь вы можете вводить необходимое вам значение. Только учтите, что при изменении одних параметров соответственно изменятся и другие. По крайней мере, размера фотографии это точно коснется.
Если потребуется, поставьте метки в графах «Масштабировать стиль», «Сохранить пропорции» и «Интеполяция». Выберите один из вариантов интерполяции. Бикубическая отлично подходит для плавных градиентов, «по соседним пикселам» - сохраняет четкие края, бикубическая с пометкой «глаже» - наилучший вариант для увеличения фото, с пометкой «четче» - идеальна для уменьшения.
Также вы можете воспользоваться функцией автоматического выбора разрешения изображения. Укажите новый размер фотографии, ее качество (черновое, хорошее или наилучшее), и программа самостоятельно подберет оптимальный вариант для заданных параметров.
Сохранить внесенные в фотографию изменения можно путем перехода из меню «Файл» к разделу «Сохранить как» или клавишами Shift+Ctrl+S. Затем укажите формат файла и его имя и нажмите «Сохранить».
Также вы можете сохранить изменения в исходном изображении. В этом случае воспользуйтесь функцией «Сохранить» или кнопками Alt+Ctrl+C.
Переименуйте изображение и укажите папку назначения, в которую нужно будет поместить фото. На этом ваши действия по изменению разрешения изображения закончены.
Для добавления вопроса на сайт, блог или форум просто скопируйте и вставьте в html код:
Каждый цифровой файл или обычный файл имеет свой формат, который указывается в свойстве файла. Чаще фотографии с хорошим качеством содержат формат RAW, обычное цифровое фото и другие изображения используют форматы PNG и JPEG, в анимации содержаться в формате GIF.
1. Для загрузки файлов больших объемов в интернет или записи на CD или на флешку, рекомендуется изменить формат файла с меньшим объемом, но, не уменьшая качество изображений.
2. Чтобы изменить формат в фотошопе следует для начала запустить программу AdobeFotoshop и открыть в ней файл, который необходимо обработать. Для этого заходим верхнее меню программы нажимаем на вкладку «File (Файл)» и выбираем из представленного списка операций «Open (Открыть)».
3. Затем сохраняется данный файл как новый и при сохранении указать необходимый формат. Зайти снова на вкладку «File (Файл)» и выбрать там операцию «Save As (Сохранить как…)». В окне сохранения следует указать имя файла и в ячейке пониже указывается формат файла, который необходим.
4. После нажимается клавиша «Save (Сохранить)». В всплывшем окошке предоставляется возможность выбрать любое качество изображения: Maximum (Максимальное), High (Высокое), Medium (Среднее), Low (Низкое) или использовать предоставленное.
5. Но лучше установить ползунок на 12. Это позволит сохранить изображение максимального качества без потерь. Сделав нужные настройки сохранения файла нажать на кнопку «Ок». Так с помощью программы фотошопа можно без труда изменить формат фото или рисунка.
1. Если цифровые фотографии формата RAW, а хотелось записать их добавить в интернет, то изменить формат в фотошопе можно на JPEG, который часто используется в большинства фото.
2. Для того чтобы в программе фотошопа открылся формат RAW, необходим плагин Camera RAW, версия которого зависит от марки цифровой фотокамеры.
3. После того как открыли данный плагин следует открыть фото и после обработки сохранить его в уже новом формате в самом Camera RAW.
4. При сохранении следует сделать правильный выбор параметров сохранения. И при дальнейшем открытии фотографии, она постоянно будет открываться в формата JPEG.
Читайте также: