Как уменьшить вес фотографии без потери качества? Уменьшаем вес фото с помощью расширения для браузеров Lightshot

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

Воспользуемся готовым шаблоном визитки, скачанном из интернета и руками (да-да, руками).

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

Создаем новый документ (CTRL+N) и настраиваем его следующим образом:

Размеры – 9 см по ширине, 5 по высоте. Разрешение 300 dpi (пикселов на дюйм). Цветовой режимCMYK, 8 бит . Остальные настройки – по умолчанию.

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

Теперь включаем линейки (если они не включены) сочетанием клавиш CTRL+R .

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

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

1. Переходим в меню «Изображение – Размер холста» .

2. Ставим галку напротив «Относительная» и задаем размеры по 4 мм с каждой стороны.

Результат – увеличенный размер холста.

Теперь создаем линии отреза.

Важно: все элементы визитки для печати должны быть векторными, это могут быть Фигуры, Текст, Смарт-объекты или Контуры.

Построим данные линии из фигур под названием «Линия» . Выбираем соответствующий инструмент.

Настройки следующие:

Заливка черная, но не просто черная, а состоящая из одного цвета CMYK . Поэтому идем в настройки заливки и переходим в палитру цветов.

Настраиваем цвета, как на скриншоте, больше ничего, кроме CMYK , не трогаем. Жмем «ОК» .

Толщину линии задаем 1 пиксел.

И, наконец, зажимаем клавишу SHIFT и проводим линию по направляющей (любой) от начала до конца холста.

Затем создаем такие же линии с каждой стороны. Не забываем для каждой фигуры создавать новый слой.

Чтобы посмотреть, что получилось, нажмем CTRL+H , тем самым временно убрав направляющие. Вернуть их на место можно (нужно) тем же способом.

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

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

Затем нажмем CTRL+G , тем самым поместив слои в группу. Эта группа должна всегда находиться в самом низу палитры слоев (не считая фона).

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

Шаблоны визиток PSD

В поисковой выдаче ищем сайты с шаблонами и скачиваем их.

В моем архиве лежит два файла в формате PSD . Один — с фронтальной (лицевой) стороной, другой – с тыльной.

Открываем двойным кликом один из файлов и видим визитку.

Посмотрим на палитру слоев этого документа.

Видим несколько папок со слоями и черный фон. Выделяем все, кроме фона, с зажатой клавишей SHIFT и жмем CTRL+G .

Получится вот что:

Теперь необходимо всю эту группу переместить на нашу визитку. Для этого вкладку с шаблоном необходимо открепить.

Зажимаем вкладку левой кнопкой мыши и тянем немного вниз.

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

1. Подгоняем по размеру.

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






Выделяем в палитре слоев (на рабочем документе) только что помещенную туда группу и вызываем сочетанием клавиш CTRL+T .



При трансформировании необходимо (обязательно) зажать клавишу SHIFT для сохранения пропорций.

Помним про линии отреза (внутренние направляющие), они очерчивают границы контента.

В данном режиме контент также можно и перемещать по холсту.

По завершении нажимаем ENTER .

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

Давайте это исправим. Находим в палитре слоев (рабочий документ, группа, которую переместили) слой с фоном визитки и выделяем его.

Затем вызываем «Свободное трансформирование» (CTRL+T ) и подгоняем размер по вертикали («сжимаем»). Клавишу SHIFT не трогаем.

2. Редактируем типографику (надписи).

Для этого необходимо в палитре слоев найти все, содержащие текст.

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

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



Этот шрифт можно скачать в интернете и установить его.

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

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

Adobe Photoshop

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

Итак, загружаем "Фотошоп" и переходим в пункт меню Image ("Изображение"), дальше Image Size ("Размер изображения"). Или можно воспользоваться горячими клавишами Alt+Ctrl+I.

После этого в открывшемся окне выставляем желаемые параметры. Лучше всего использовать пиксели.

Основные значения

Pixel Dimensions ("Размерность"). По сути, это общий размер изображения, измеряющийся в пикселях, включающий ширину и высоту. Именно этот параметр может подсказать, как уменьшить вес изображения.

Document Size ("Размер печатного оттиска"). Обращаться к этому блоку рекомендуется при работе с фотографиями и для подготовки их к печати. Тут ширина и высота могут измеряться не только в процентах и пикселях, но также и в прочих единицах.

Resolution ("Разрешение"). Это значение отвечает за четкость изображения. Оно определяет количество пикселей, умещающихся в 1 дюйме, соответственно, чем больше пикселей, тем четче будет картинка. Для аватара или небольшой фотографии, которая будет использоваться в социальной сети, достаточно и 72 пикселей. Для фотографии, которая в дальнейшем будет распечатана, оптимальное разрешение составляет 300 пикселей.

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

Сохранение измененного изображения

Для того чтобы правильно сохранить изменения, нужно перейти в File ("Файл") - Save as ("Сохранить как"). Дальше выбираем подходящий формат, в котором хотим сохранить картинку. Если решался вопрос о том, как уменьшить вес фотографии JPEG, то и выбирать нужно соответствующий тип документа.

Например, «Качество» на уровне 8 подойдет для интернета, а для просмотра с компьютера или для печати лучше установить значение 12.

Помимо этого метода, существует еще один способ сохранения картинки. Вместо Save as можно выбрать Save for Web ("Сохранить для Web-устройств").

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

Как изменить вес фотографии, сохранив при этом качество изображения, используя XnView

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

Находим в главном меню программы пункт «Изображение» и далее «Изменение размера». В появившемся окне можно изменить соотношение сторон фотографии и установить параметры ширины и высоты.

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

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

ACDSee 8.0 Photo Manager

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

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

Для начала заходим в меню Edit ("Изменить") и находим в нем строку Image Size ("Размер изображения"). Те, кто предпочитают использовать горячие клавиши, могут воспользоваться сочетанием Ctrl+R.

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

За сохранение пропорций тут отвечает Preserve Aspect Ratio. Сняв или поставив галочку, мы можем либо задавать свои значения для всех параметров, либо ввести лишь одно значение и предоставить программе возможность рассчитать остальные самостятельно. Дальше просто сохраняем измененное изображение.

В заключение

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

1 голос

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

Недавно я рассказывал – «Ластик» для специалистов. Если вы пропустили эту публикацию, советую обязательно прочитать ее сразу после того как закончите с этой темой.

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

Начнем? Но для начала…

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

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

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

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

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

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

Масштабирование

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

Предположим мне нужно увеличить скриншот компьютерной мыши в виде машинки с Ali.


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

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

Размер и пропорции

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

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

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


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

Чтобы вызвать это окно я нажимаю одновременно Shift + Ctrl +Alt + S. Первое время это сочетание казалось мне слишком длинным и неудобным, но со временем я понял, что это в разы удобнее.

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

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

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

Разобраться нужно только с размером. Для меня почти всегда важна ширина. Я просто щелкаю по окну и вставляю свое значение. Затем кликаю Enter.

Так как рядом со значениям стоит скобка высота выстраивается автоматически. Таким образом, что не происходит смещение пропорций.

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

Теперь давайте немного поговорим о весе. Ведь его тоже можно поправить при помощи этой функции.

Вес

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

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


Выбираем «Сохранить для веб», снова щелкаем Shift +Ctrl + Alt + S, но из раздела «Оптимизация» переходим в «4 варианта». Все вроде бы то же самое, но первая картинка – это оригинал, а каждая последующая сохранена при соблюдении более низкого порога качества.

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

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

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

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


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



Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: