Как уменьшить вес фото в Фотошопе (Photoshop)
Привет! Недавно я общалась с коллегой по ведению блога и коснулась вопроса, как уменьшить вес фото в Фотошопе. Потом обсудили, как найти изображение для блога и как уменьшить вес фото без потери качества. Поисковые машины Яндекса и Google распознают графику путем алгоритма анализа информации и сканирования фотофайла.
Различают элементы изображения: расположение и цветовую гамму, угол съемки, масштаб. Кластерный анализ данных объекта проверяется по базе поисковых сетей по графике. Такой подход исключает возможность выдать изображенный объект за абсолютно другой с помощью дополнительных данных (названия, alt, title и метатегов).
Картинки влияют на релевантность страницы по поисковому запросу. Когда Google определяет объект, данные согласно поисковому запросу, релевантность страницы увеличивается, что положительно повлияет на ее ранжирование. Также нерелевантные объекты на изображениях могут привести к понижению позиций, что нежелательно.
Как найти картинки для блога
Если вам хочется использовать бесплатные картинки для блога и вы увидели в профиле у кого-то или в поисковой сети интересную фотографию, то, конечно, можно ее скачать. Но рискованно использовать чужие картинки.
Понятно, что брать любые картинки в интернете не совсем правильно, они принадлежат кому-то и использование их является нарушением авторских прав. Чтобы получить изображения без проблем, выполните следующие действия:
- Выполните поиск в Google по предпочитаемому ключевому слову. Давайте использовать ключевое слово «потеря веса» или «спорт» по теме вашей заметки или поста.
- Выйдут все общие изображения, так или иначе относящиеся к тематике.
- Не торопитесь скачивать все картинки.
В правом верхнем углу вы увидите настройки, нажмите на клавишу и откроется выпадающее меню, выберите расширенный поиск. Чуть ниже увидите право на использование, сбоку находится стрелка, нажмите на нее и выберите последний вариант “Использование бесплатное, передача или изменение даже в коммерческих целях”.
После выбора этой опции вам нужно нажать на кнопку расширенного поиска ниже. Любое изображение, которое вы используете, будет появляться бесплатно. Если вы будете следовать этой процедуре, вы никогда никого не обидите. Прежде всего хотела подчеркнуть, что уменьшения веса картинки, формата могут быть разными.
Популярные форматы картинок: bmp – самое лучшее качество; jpg – популярный формат и хорошее качество, практически не отличить на глаз от формата bmp; png – удобный формат в интернете, при сжатии их качество выше, чем jpg; gif – формат с анимацией.
Как уменьшить вес фотографии в Photoshop
С уникальностью графики намного сложнее, способов уникализации множество: зеркальное отображение, изменение метаданных, формата, веса и обрезки файла, наложение текста, поворот и т.п, но не все они могут способствовать результату.
Есть сайты для сжатия фото без потери качества, но благодаря простым действиям по изменению тайтл, метаданных картинка может ранжироваться и будет индексирована роботом, что будет плюсом для ресурса за уникальность изображения. С тем, как добиться уникальности и уменьшить вес фото, придется разобраться.
Adobe Photoshop – многофункциональный графический редактор. Для уменьшения размера фото откройте программу. Появится окно, где нужно задать настройки сохранения. Выбрать формат 1920х1080 пикселей, разрешение – 300, качество – 40-60%, соотношение картинки – 16:9.
Далее в верхнем меню загружаем файл, находим рубрику: Файл/открыть > Экспортировать, или применим горячие клавиши кнопок Ctrl+O. Потом сохраним результат с помощью опции “Файл/сохранить для web” либо сочетания горячих кнопок Alt+Shift+Ctrl+S. Этот способ обеспечивает сжатие картинки при меньших потерях качества.
Программы для обработки фото
На большинство компьютеров установлены редакторы фотографий, которые обладают нужным функционалом, способные удовлетворить запрос пользователя. Какие еще есть приложения для обработки фото онлайн, кроме редактора Adobe Photoshop?
Предлагаю рассмотреть простые, бесплатные утилиты для редактирования фото, наиболее популярные сегодня, а именно Imgonline, FastStone Image Viewer, XnVew и Web Resizer.
Я считаю, что именно эти сайты и программы удобны для начинающих блогеров, но и более опытные найдут в них что-то полезное и новое для себя. В каждой из них примерно одинаковый набор инструментов, поэтому вам нужно выбрать только наиболее удобный интерфейс.
Imgonline. com. ua
Imgonline com ua – качественный сайт для обработки картинок и фото JPEG формата онлайн. Сервис удобен тем, что ничего скачивать не нужно, просто скопируйте и вбейте в поисковую строку адрес ссылки www.imgonline.com.ua и можете творить чудеса.
Нет смысла перечислять все преимущества. Сами убедитесь в этом, что программа для сжатия jpg вам понравится. В отличие от фотошопа, Imgonline сильно отличается функционалом и намного проще. У нее есть свои изюминки, за что ее можно полюбить и всегда пользоваться.
Сайт подходит как новичкам, так и профессионалам. Там можно выполнить массовое сжатие картинок, наложение эффекта, сжатие jpg онлайн, автоматическую и ручную коррекцию и преобразование в другой формат и тому подобное. Вы можете свободно воспользоваться любым инструментом совершенно бесплатно.
Изменение размера изображения в пикселях онлайн можно производить прямо с компьютера или телефона, для этого нужно просто перейти в рубрику данной функции, смотрите в шапке ресурса. Весь перечень функций также увидите в верхнем меню сайта.
FastStone Image Viewer
FastStone Image Viewer – редактор и конвертор графических файлов с простым и удобными интерфейсом. Ссылка на официальный сайт: www.faststone.org. Удобная программа, которая позволит просмотреть картинки даже в ZIP архивах и уменьшить размер сразу нескольких картинок!
Бесплатная программа FastStone Image Viewer – одна из лучших альтернатив ACDSee, для домашнего использования и просмотра изображений в Microsoft Windows. Имеет много полезных возможностей: установку водяных знаков, удаление ненужных фрагментов, переименование, изменение и подгонку цветов и т. п. Функционал содержит базу данных и файловый менеджер.
Также есть возможность создавать слайдшоу со 150 переходными эффектами, преобразовать JPEG без потери качества, делать разные графические эффекты, сайт поддерживает работу со сканером и т. д. Поддерживаются форматы графических файлов: PNG, JPEG, JPEG 2000, BMP, GIF, TIFF, WMF, PCX, ICO и TGA.
XnVew
XnVew – это простая кроссплатформенная программа, которая позволяет редактировать и просматривать pdf файлы. XnView поддерживает просмотр четырехсот и конвертирование пятидесяти разных графических и мультимедийных форматов файлов.
Она обеспечена удобным модулем захвата кадра, скриншота, находит похожие картинки и удаляет дубли и другое. Cайт разработчика, где можно скачать программу: www.xnview.com/en/xnview/.
Программа бесплатная, но для организаций в коммерческих целях и образовательного использования разработчик предложит купить программу. Нажимаете на “Download for Windows” и скачайте на свой компьютер. Находим значок программы у себя на компьютере, жмем кнопку «Запустить»:
Выбираем язык, принимаем условия, ставим галочку и скачиваем программу. Затем выбираем папку в меню «Пуск», где программа установки создаст ярлык. Все готово к установке, нажимаем «Завершить». После можем зайти в программу и произвести настройки: Интерфейс > Опции > Установить язык.
Если для вас предпочтительнее качество эскизов по сравнению со скоростью, в Инструменты > Опции > Обозреватель > Эскизы уберите отметку «Использовать встроенные эскизы» и выберите «Использовать высокое качество». Для сжатия изображения нажимаем кнопку “Преобразование”.
Если вы хотите произвести преобразование над одним изображением, нажмите кнопку “Добавить”, выбираем изображение и отмечаем, куда будет перенаправлен преображенный файл и что делать с исходным.
При необходимости можно сразу удалять. Далее заходим в опции, выбираем формат JPEG, оставляем качество 80%, выставляем флажок “Оптимизировать по алгоритму Хаффмана”. Нажимаем кнопку “ОК” и кнопку “Выполнить”.
Web Resizer
Web Resizer поможет оптимизировать изображения для интернета и электронной почты. Сервис простой, регистрация не требуется. При использовании легко получить потрясающие результаты:
- уменьшить размер изображения;
- обрезать фотографии;
- увеличить резкость;
- изменить размер графического файла, ширину и высоту;
- повернуть изображение;
- настроить контраст, яркость, насыщенность;
- конвертировать фото в черно-белое;
- добавить границу.
Качество картинок не теряется, работает быстро, можно произвести настройки для сжатия, программа очень простая и удобная, вот ссылка на нее: http://webresizer.com/resizer/
Выводы
Процесс изменения изображения несложный, но иногда не получается добиться уникализации. Нужен опыт и практика работы в графических редакторах. Лучше всего использовать свои фото и изображения, тогда картинки будут уникальными.
Можно освоить “Фотошоп”, научиться фотографировать и обрабатывать картинки, тогда никаких проблем не возникнет. То есть использовать качественный контент на ресурсе для повышения позиций в поисковой выдаче.
Еще могу порекомендовать блогерам для удаления фона изображения полезный бесплатный сервис remove.bg. Он предназначен для физических лиц, электронной коммерции, разработчиков, СМИ, автосалонов и фотографов.
Там есть бесплатный тариф. Без регистрации инструменты программы можно использовать для рабочего процесса маркетинга. Вы можете обрабатывать до 500 изображений в формате JPG или PNG в минуту.
Друзья! Теперь вы знаете, как уменьшить вес фото в Фотошопе? Была ли эта информация полезна для вас? Какая программа заинтересовала и чем? На вкус и цвет товарищей нет – выбор за вами. Если вы используете другие программы для сжатия фото, уменьшения веса картинок – поделитесь с нами.
Желаю вам достойных заработков!
Как уменьшить вес картинки в Фотошопе: лекгие способы и приемы
Здравствуйте всем, кто заглянул на мою страничку! Сегодня я вам расскажу как уменьшить вес картинки в Фотошопе на примере одной моей фотографии. Снимаю я полупрофессиональной камерой Nikon D7000 в формате RAW. Недостаток этого формата — большой вес файлов.
Достоинств гораздо больше, поэтому на единственный недостаток можно закрыть глаза, тем более вес нашей фотографии всегда легко можно изменить практически без потери качества.
Только что я загрузила фотографию со своего фотоаппарата. Давайте посмотрим сколько весит файл в «сыром» формате RAW без обработки в фоторедакторе.
Первоначальный вес — 18314 КБ.
Открываем картинку в программе «Фотошоп». Так как я делала снимки в «сыром» формате сначала открывается окно редакции Camera RAW. При необходимости, здесь можно изменить экспозицию, высветлить тени, добавить красочности.
Проведем эксперимент. Сохраним изображение в формате jpeg и сравним вес двух снимков.
Размер картинки я не меняла и сохранила фотографию с самым высоким процентом качества изображения.
Давайте таперь сравним два файла и посмотрим насколько изменился вес картинки.
Результат налицо, мы добились уменьшения веса. Предположим, что этот результат нас тоже не устраивает. Что еще можно сделать? Есть два варианта: уменьшить размер картинки или уменьшить качество изображения. Предлагаю сделать и то, и другое, а потом сравнить получившийся снимок с оригиналом.
Если первоначально мы сохраняли файл с наилучшим качеством, то в этом случае при сохранении я сдвинула ползунок влево.
Давайте посмотрим и сравним как изменился вес картинки.
Вес картинки значительно уменьшился, а насколько изменилось качество? Попробую сравнить визуально два снимка.
Большой разницы я не вижу. Экспериментируйте и сравнивайте результаты. Чтобы выбрать для себя подходящий способ, необходимо знать для каких целей вам надо уменьшить вес фотографии. Если вы ее будете отдавать в печать — это одно, если вам необходимо переслать другу по электронной почте — это другое, а если опубликовать на своем блоге — это уже третий вариант.
Как бы я уменьшила вес этой фотографии перед публикацией в блог?
Первоначально я бы сделала скриншот сразу после переноса фотографии с фотоаппарата на свой компьютер. О том, как сделать скриншот разными способами, я подробно рассказала в этой статье.
Посмотрите каких результатов мне удалось достичь. Вес файла вместо 18314 КБ стал 29 КБ, но это еще не все, проводим эксперимент дальше.
Открываю скрин в программе Фотошоп и изменяю размер изображения так, чтобы фотография хорошо смотрелась на странице блога. В этом случае, для чистоты эксперимента, размер файла я изменять не буду.
Далее перехожу по вкладке: «Файл — Сохранить для Web». Устанавливаю значение качества изображения и сохраняю файл в формате jpeg.
Посмотрим сколько весит наш файл перед публикацией в интернете.
А весит он уже не 29 KБ, а 42КБ.
Делаем вывод: Самый лучший способ уменьшить вес снимка для публикации в блог — это сделать скриншот.
Эксперимент мы проводили над этой фотографией.
Приглашайте детей на свадьбу! Они громче всех кричат: «Горько!»
Большое спасибо за внимание!
Есть желание поделиться информацией с друзьями в социальных сетях? Я не возражаю! Кнопочки социальных сетей под этой статьей. До новых встреч! Наталья Краснова.
Как уменьшить изображение в фотошопе без потери качества
Друзья, привет. Многие из нас ведут блоги, или выкладывают периодически фотографии на сайтах. И я тоже постоянно сталкиваюсь с проблемой веса фотографий. И сегодня хочу поделиться своим опытом, и расскажу как уменьшить изображение в фотошопе без потери качества. Поехали.
Поскольку у меня блог про тему фотографии, то фоток на моем сайта предостаточно, что только добавляет мне вопросов оптимизации фотографий.
В начале
Обычно перед тем, как выложить статью на блоге, я все изображения загружаю в фотошоп, и там их уменьшаю. Делаю я это через функцию «Сохранить для веб», или горячими клавишами 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Кб такая картинка, но если сделать меньше, то будет все очень плохо видно.
В заключении
Вот на этом я думаю мы с вами закончим этот достаточно объемный и большой урок по фотошопу, и как тут можно уменьшить изображение для сайта.
Надеюсь, вам все было понятно. Для начала, я думаю, это достаточно заморочисто, но вот такой это вопрос. Пишите в комментарии, если у вас будут вопросы, отвечу на все.
Нужно немного практики, пробуйте разные варианты. Все еще зависит от самой фотки и её качества. Бывают качественные картинки приходится сжимать, а бывает и плохое качество. Тогда тоже нужно опытным путем подобрать настройки и выбрать наиболее приемлемые для вас.
Я постарался все вам рассказать как сам делаю. И поделился всеми своими секретами. Успехов в ваших начинаниях. А если вы хотите изучить фотошоп серьезно и глубоко, то держите обалденный курс! Ну вот и все на этом.
Как всегда, с вами был Иван.
Как уменьшить вес картинки в фотошопе
Как уменьшить вес картинки? Но сначала: зачем это нужно?
Большие, качественные картинки хороши, если вы хотите профессионально их обработать в фотошопе, потому что для качественной оброботки требуется качественный материал. Но когда вы заливаете тяжелые картинки на свой сайт, это делает продвижение сайта довольно неэффективным. Ведь одним из критериев продвижения сайта является скорость загрузки страницы, чем быстрее ваша страница будет грузиться, тем больше шансов у вас выйти на высокие позиции в поисковой выдаче.
Конечно, скорость загрузки это не самый ключевой критерий в продвижении, но если при других равных условиях будут соревноваться 2 сайта, выиграет тот, у кого быстрее загружается страница.
Помимо всего прочего скорость загрузки страницы — это очень полезно для поведенческого фактора.
Так сложилось, что когда я загружаю страницы через свой 3g модем, а скорость там не слишком высокая, больше всего меня убивают страницы, которые долго грузятся. И все это из-за тяжелых картинок! Это Адски убивает желание заходить на сайт, где страницы грузятся больше чем по 10 секунд. И я уверен, что так везде. Если ваши страницы грузятся очень долго — то это ни куда не годится.
Зачем нужно уменьшать вес картинки?
- Чтобы ускорить скорость загрузки страницы
- Чтобы продвинуть сайт в поисковой выдаче
- Чтобы улучшить поведенческий фактор
Я думаю этого будет достаточно, чтобы понять для чего это нужно и весело применять способ уменьшения картинки о котором я собираюсь написать дальше.
Теперь, настало время узнать: Как уменьшить вес картинки в фотошопе!
Лучшим и вполне простым инструментом для уменьшения веса картинки является программа Фотошоп.
Давайте уменьшим вес одной картинки…
Картинка вестом 4,2 мб, ее формат: 3200 пикс. х 2400 пикс. — это непозволительно много для сайта, загрузив несколько таких картинок на страницу — он будет грузиться мучительно долго.
Чтобы уменьшить вес картинки в Фотошопе, необходимо:
1. Загрузить картинку в фотошоп, просто перетянув ее в рабочее окно фотошопа.
2. Жмем Файл/Сохранить для Web…
3. Здесь, в настройках сохранения, выбираем формат JPEG и изменяем формат ширины: из 3264 на 1000 пикс. Высота автоматически изменится. И нажимаем Сохранить
И это все что требовалось сделать, теперь вес картинки трансформировался из 4,2 мб в 179 кб, это почти в 24 раза меньше. При этом качество практически не пострадало.
Такое изменение ускорит загрузку страницы и ценность вашей страницы значительно возрастет как для людей, так и для поисковых систем.
Желаю вам успешной оптимизации и быстрой загрузки ваших страниц.
Как уменьшить размер и вес картинки в Фотошопе: mangiana_irina — LiveJournal
Приветствую вас мои дорогие друзья! Сегодня хочу вам рассказать о том как можно в фотошопе уменьшить размер и вес картинки, при этом практически не потерять качество изображения. Для этого есть много разных способов, например для самых «ленивых» просто в поисковике браузера вводите вот такую надпись «Как уменьшить вес картинки онлайн», выбираете то что вам удобно и вуаля всё готово. Но мы изучаем ФШ и я хочу вам показать, как это сделать в вашем фотошопе. Потому что ФШ это не только альбом для рисования, обработки фото он может делать очень многое. И так мы приступаем.Предлагаю скачать эти картинки и потренироваться
Рис.1
Рис.2
1.0.Для начало открыть в ФШ картинку Рис.1 , чтобы узнать её размер
Идём : Панель Меню – Изображение – Размер изображения
или нажимаем клавиатурные сокращение ALT+CTRL+I
Клавиатурные сокращение работают в Английской раскладке
Размер картинки
Ширина: 4006 Пикселы
Высота: 5000 Пикселы
Разрешение: 300 Пикселы/дюйм
1.1.К примеру эту картинку нам нужно сделать:
900 на 1290 пикселы при весе не больше 80К
1) Сначала меняем настройку (в низу)нажимаем на стрелку и выбираем Бикубическая,чётче(наилучшая для уменьшения)
2) Меняем Разрешение с 300 на 72 Пикселы/дюйм
(Такое большое разрешение нужно только для печати для интернета достаточно 72)
Остальные настройки оставляем без изменений.
1.2.Что мы видим,»вес» и размер картинки уже уменьшился.
Теперь подгоним размер картинки.Так как размер картинки не сильно отличается от желаемого (деформация будет почти не заметна).
1) Снимаем первые две галочки в настройках, оставляем только на против» Интерполяция».
Блокировка пропала.
2) Затем просто меняем размеры у Ширины и Высоты как у меня на рисунке.Жмём «Ок»
1.3.Так, с размерами всё сделали теперь нужно уменьшить «вес» работы.
Для чего нужно уменьшать «вес» картинки?
Некоторые сайты имеют ограничение для веса картинок. Если не уменьшать вес картинки, то и вся страница приобретает большой вес. От этого скорость загрузки страницы уменьшается.
Наша картинка без анимации, значит сохранить её можно в формате GIF,PNG или JPEG. Я сегодня не буду рассказывать о всех возможностях этих форматов,всю информацию можно найти в интернете. Мы просто сравним как эти форматы влияют на «вес» картинки.
Для сохранения картинки как всегда идём:
Панель Меню – Файл – Сохранить для Web… или ALT+Shift+CTRL+S
1.4.Сравнивая скрины видно что в формате JPEG наименьший 171,3К.
А можно ли ещё сделать меньше вес картинки?
Для этого нам нужно немного уменьшить настройки «Качества», при этом разница почти будет не заметной.Если всё устраивает Жмём «Сохранить…»
Что делать если у нас очень широкая картинка которую нужно подогнать под эти же размеры?
2.0.Открываем в ФШ картинку Рис.2 ,что бы узнать её размер
Идём : Панель Меню – Изображение – Размер изображения или нажимаем клавиатурные сокращение ALT+CTRL+I
2.1.Меняем настройки как я показала в пункте 1.1. Нажимаем «ОК»
2.2.Изменить размер картинки как показано в пункте 1.2. мы не можем (деформация будет очень заметна).
Что бы это избежать нужно просто отрезать лишние при помощи инструмента «Рамка»
Берём инструмент «Рамка» выставляем вот такие настройки, задаём нужный нам размер.
2.3.Обратите внимание всё, что внутри выделенной рамки имеет светлый оттенок после отсечения останется. Всё остальное удалится.
В ФШ CS6 выделенная рамка остаётся неподвижной,а вот документ можно передвигать выбирая нужный участок.
Если всё устраивает нажать Enter или как показано на скрине.
2.3.Обязательно проверяем размер нашего рисунка как в пункте 1.0.
Если размеры получились не точными меняем их как в пункте 1.2.
2.4.Сохраняем картинку как в пункте 1.4. предварительно уменьшив «вес».
Результат урока
Рис.1(изменённая)
Рис.2(измененная)
Благодарю за внимание до следующих встреч!
Irina Hochweis
Группа Я +ТЫ учимся вместе — my.mail.ru/community/japlusti/
Оригинал взят у — strelec-l.livejournal.com/135545.html
Как сжать фото — Arttopia.Уникальные уроки рисования и дизайна в Adobe Photoshop
В этой статье я расскажу вам о том, как оптимизировать изображения для веб. Вы узнаете как сжать фото, в том числе и без потери качества изображения.
Немаловажным фактором при работе с веб-графикой является ее вес. Чем меньше вес загружаемых картинок и других графических элементов, тем быстрее грузится сайт, тем менее вероятность ухода не дождавшихся загрузки сайта посетителей.
Web-разработчикам и владельцам сайтов нередко приходится искать компромисс между весом изображения и его качеством, это связано с тем, что при значительном уменьшении веса качество, как правило, страдает.
Многие веб-дизайнеры регулярно мучаются вопросом: как сжать фото так, чтобы сохранить его качество неизменным.
Существует несколько способов сжать фото
Это можно сделать программно — с помощью фотошопа или специализированных программ, а также с помощью онлайн сервисов, предназначенных для сжатия картинок.
Я расскажу о том, как сжать фото в фотошопе и при помощи онлайн сервиса jpegmini.com.
Сжимаем фото в фотошопе
С помощью фотошопа уменьшить вес фото мы можем следующим образом.
Открываем изображение в фотошопе. File–Open (Ctrl+О), выбираем картинку, жмем «Открыть». Далее открываем меню File – Save for web and devices.
В открывшемся окне в выпадающем списке выбираем формат файла JPEG (подойдет для любых картинок, если они не на прозрачном фоне).
В левом нижнем углу указан вес картинки в 100%качестве.
В строке «Qualty» (Качество) указано качество картинки вы процентном соотношении.
По умолчанию качество картинки = 100. Передвигая ползунок в строке «Qualty» влево, в сторону уменьшения, вы снижаете качество изображения, и одновременно, добиваетесь нужного сжатия веса изображения.
Изменение веса и качества картинки вы можете отслеживать в левом окне.
Когда вы достигнете баланса между качеством и весом изображения, нажмите «Save» и сохраните картинку в нужном месте на жестоком диске.
Я выставила качество 50%, вес картинки при этом уменьшился с 1,4 Мб до 783 Кб, т.е. примерно в 1,8 раз.
Данным способом действительно можно значительно уменьшить вес фото, однако, при этом и качество также пострадает.
А что если нам необходимо сохранить исходное качество изображения и одновременно максимально уменьшить вес фото?
Сжатие фото онлайн
В этом случае нам пригодится специализированный онлайн-сервис: http://www.jpegmini.com
Данного ресурс знает, как сжать фото без потери качества. Сервис абсолютно бесплатен и не требует регистрации и обладает понятным, удобным интерфейсом. Работать в нем легко:
1. Нажмите на кнопку«Try It Now»
2. В новом окне нажмите кнопку «Upload your photo»
3. Выберите на своем компьютере изображение, которое хотите сжать и нажмите «Открыть»
После того, как фото загрузилось, на странице появится изображение в исходном виде и оптимизированный вариант, при этом вы можете наглядно убедиться, что изменения качества после сжатия если и есть, то минимальны, визуально они отсутствуют вовсе.
Кроме того, указан первоначальный вес фото и вес после сжатия, а также во сколько раз произошло уменьшение веса по сравнению с оригиналом.
4. Для того, чтобы загрузить сжатую картинку обратно, нажмите «Download Photo» и выберите место для сохранения
Чтобы начать работать с этим ресурсом, регистрироваться необязательно, однако, бесплатная регистрация открывает еще больше возможностей для работы с фото. Вы можете загружать и сжимать несколько изображений, группировать их в альбомы и делиться ими с друзьями в соцсетях.
Тест сервиса
Я протестировала работу данного сервиса на двух разных картинках: большой 2560 х 1600 px весом 1,4 Мб и маленькой 240 х 156 px весом 17.8 Кб.
Результат бы следующим: большая картинка сжалась до 609кб — в 2,4 раза по сравнению с оригиналом, уменьшение же веса маленькой картинки было незначительным – всего 2Кб, однако и этого иногда бывает достаточно. Например, когда речь идет о flash-баннерах, где ограничения по весу для некоторых ресурсов составляет 25кб. Вот уж где значение имеет каждый лишний килобайт!:)
К каким выводам я пришла
Чем больше исходный вес изображения, тем больше выигрыш за счет его сжатия. Картинки с маленьким весом сжимаются не так сильно, как большие. Но все равно несколько килобайт у маленьких картинок убрать с помощью сервиса можно. Когда же речь идет о профессиональных фото в HD-качестве, думаю, здесь выигрыш в весе будет очень значительным. Уменьшить вес фото размером 8000-10000px теоретически возможно процентов на 60-80%. Можете поэкспериментировать.
Единственным минусом этого замечательного сервиса является ограничение по формату изображений. Картинки можно загружать только в JPEG. Другими словами, сжать объекты на прозрачном слое в формате PNG с помощью данного сервиса не представляется возможным. Для этого есть другой полезный сервис — punypng.com. Предлагаю вам самостоятельно ознакомиться с его возможностями, если интересно.
В этой статье мы с вами узнали, как сжать фото для последующего его использования в Интернете, как оптимизировать графику для веб, уменьшив вес фото.
Надеюсь, данная информация окажется полезной и пригодится вам в работе.
Как уменьшить блики в Photoshop | Small Business
Изучение того, как уменьшить фотографические блики с помощью Photoshop, позволяет восстановить детали на фотографиях, которые скрыты из-за чрезмерно яркой задней подсветки. Например, если вы сфотографировали людей, стоящих перед стеклянными дверями, сквозь которые проникает солнечный свет, солнечный свет может скрыть лица ваших объектов. Инструменты уменьшения бликов Photoshop позволяют лицам сиять вместо солнечного света. Простой, но эффективный подход к уменьшению бликов с помощью Photoshop — это использование команды «Тени и блики» с режимом наложения «Наложение».
Загрузите изображение, от которого требуется уменьшить блики, в Photoshop. Дублируйте слой, содержащий изображение, нажав «Ctrl-J», чтобы выполнить редактирование, не нарушая исходное изображение. Щелкните «Изображение | Коррекция | Тени и светлые участки», чтобы отобразить диалоговое окно с элементами управления для осветления теней и затемнения его светлых участков.
Щелкните кнопку флажка «Показать дополнительные параметры», чтобы отобразить все элементы управления в диалоговом окне «Тени и блики». Перетащите ползунок «Сумма» вправо, чтобы затемнить части изображения с бликами.Перетащите ползунок «Ширина тона» вправо, чтобы увеличить диапазон значений, которые Photoshop должен распознавать как блики. Если на вашей фотографии много бликов, попробуйте уменьшить их, установив более высокие значения для этого элемента управления.
Постепенно перемещайте ползунок «Радиус» влево и вправо, пока не увидите дальнейшее уменьшение бликов. Ползунок «Радиус» определяет размер окрестности, окружающей данный пиксель, в которой Photoshop будет искать данные изображения, необходимые для вычислений выделения.
Нажмите «ОК», чтобы закрыть диалоговое окно «Тени и блики» и сохранить изменения.Блики на вашем изображении уменьшились. Однако если ваши изменения снизили контрастность изображения, перейдите к шагу ниже.
Нажмите «Ctrl-J», чтобы продублировать слой, который вы редактировали с помощью команды «Тени и свет». Щелкните элемент управления «Режим наложения» в верхней части панели «Слои», чтобы отобразить список режимов наложения, затем щелкните «Наложение»; это восстанавливает контраст.
Щелкните команду «Слой | Свести изображение», чтобы объединить все слои в один слой. Снова запустите команду «Тени и блики», чтобы при необходимости еще больше уменьшить блики.
.Как изменить размер холста в Photoshop CS6
- Программное обеспечение
- Adobe
- Photoshop
- Как изменить размер холста в Photoshop CS6
Барбара Обермайер
В Adobe Photoshop Creative Suite 6 есть несколько вариантов изменения размера изображения. Вы можете изменить размер изображения или использовать более безопасную команду «Размер холста».
Вы можете быть немного параноиком или, по крайней мере, слишком сознательно использовать команду «Размер изображения».Что ж, вы можете расслабиться, потому что команда Canvas Size настолько безопасна, насколько это возможно. В отличие от команды «Размер изображения», которая увеличивает или уменьшает размеры или разрешение вашего изображения, команда «Размер холста» просто изменяет размер холста , или страницы, на которой находится изображение.
Когда вы увеличиваете размер холста, Photoshop заполняет расширенную область за пределами изображения выбранным вами цветом. Увеличение размера холста может пригодиться, если вы пытаетесь добавить рамку или рамку вокруг изображения.Если вы сделаете холст меньше, Photoshop обрежет (обрежет) изображение.
Чтобы изменить размер холста, выполните следующие простые и быстрые шаги:
Выберите Изображение → Размер холста.
Откроется диалоговое окно «Размер холста». Текущий размер вашего холста отображается в верхней части диалогового окна.
Введите новые значения в текстовые поля Ширина и Высота.
Вы также можете изменить единицу измерения с помощью всплывающих меню.
Установите флажок «Относительный», чтобы указать, какое пространство Photoshop будет добавлять или удалять вокруг изображения. Эта функция удобна, когда вы добавляете или удаляете равные части холста вокруг изображений с дробными размерами.
Укажите желаемое размещение якоря.
Якорь показывает, как изображение находится внутри холста. По умолчанию Photoshop центрирует изображение и добавляет или удаляет холст вокруг него. Щелкните любой из восьми других квадратов, чтобы Photoshop добавил или удалил холст асимметрично вокруг изображения.
Если вы уменьшите значение ширины или высоты и затем нажмете OK, появится окно предупреждения с вопросом, действительно ли вы хотите продолжить, потому что вы будете обрезать изображение. На самом деле это еще один способ кадрирования изображения, но не тот, который вы будете использовать каждый день.
Выберите цвет холста во всплывающем меню «Цвет расширения холста» и нажмите «ОК».
Выберите «Передний план», «Фон», «Белый», «Черный», «Серый» или «Другой». Если вы выберете «Другой», Photoshop перенесет вас в палитру цветов, где вы сможете выбрать любой желаемый цвет.Небольшой образец справа от всплывающего меню отображает текущий цвет фона. Вы также можете щелкнуть этот образец, чтобы получить доступ к палитре цветов.
Об авторе книги
Барбара Обермайер — директор Obermeier Design, студии графического дизайна в Калифорнии, специализирующейся на печати и веб-дизайне. В настоящее время она работает преподавателем в Школе дизайна Института Брукса.
,