gototop
Главная В копилку знаний Как подготовить фотографию для размещения в интернете…

Яндекс.Метрика
Яндекс цитирования
Как подготовить фотографию для размещения в интернете…
Рейтинг пользователей: / 2
ХудшийЛучший 

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

Поэтому сегодня хочу рассказать о нескольких приёмах, которые решают наиболее часто возникающие задачи:

Как уменьшить вес фотографий без потери качества.

Как вырезать фрагмент фотографии.

Как сделать круглую либо овальную фотографию.

Итак – как уменьшить вес фотографии без потери качества?

Вначале пару слов о терминах и понятиях. «Пиксель» в упрощённом смысле – элемент изображения. Он является фундаментальной единицей цифрового изображения. К примеру Вы сделали снимок фотокамерой 12 МP ( мегапикселей). Это значит, Ваш снимок будет размером 4000 пикселей по горизонтали и 3000 пикселей по вертикали. А всего ваша фотография будет состоять из 12 миллионов пикселей, и весить будет порядка 12 мегабайт. При этом надо понимать, что каждый пиксель на фотографии имеет свой цвет и конкретную координатную привязку. Цвет – это как минимум три параметра, а привязка – два. Поэтому при загрузке такой фотографии в браузере, компьютер должен выполнить 12 000 000 х 5= 60 000 000 операций. Это конечно примитивно, но физический смысл, думаю понятен. Второе важное понятие – это разрешение. Разрешение измеряется в «пикселях на дюйм» и означает количество пикселей на один дюйм изображения по горизонтали и вертикали. Фото из примера выше будет иметь разрешение 480 пикселей на дюйм. Для монитора это значение должно быть не более 72 пикселей на дюйм. Более высокое разрешение изображения человеческий глаз не способен отличить на мониторе, а вот нагрузка на все процессы возрастает.

 

Теперь к практике.

Необходимо разместить на форуме фото по теме бетонирования буронабивных свай. Снимок сделал на телефон. Исходная фотография: 2816х2112 px; вес-3,64 МБ.

Работаем в программе Adobe Photoshop.

видШаг первый: открываем исходный файл в Фотошопе.вид

Для этого наводим курсор на изображение файла фото и кликом правой мыши открываем окно и в списке выбираем «открыть с помощью…» , далее в выпадающем списке выбираем нужную программу – Фотошоп. При запуске программы открывается окно, в котором всё стоит правильно по умолчанию. Нажимаем «окей».

Шаг второй: в меню «Файл» выбираем команду «Сохранить для Web и устройств…» и делаем клик. Открывается окно для редактирования. В окне Вы увидите фрагмент изображения.

 

вид окна

Справа вверху надо выбрать тип файла. Выбираем JPEG. Чуть ниже выбираем качество – наилучшее. Затем опускаемся вниз к строке «Размер изображения». В окнах «Ш» и «В» проставляем значение в пикселях. «Ш» - ширина ставим 400 пикселей и нажимаем клавишу «Enter». Фрагмент преобразуется . В левом нижнем углу мы видим установленный тип файла и вес преобразованного изображения. Получилось 143 КБ. Это на мой взгляд много. Возвращаемся вверх и вместо «наилучшее» ставим «среднее». Вес становится 20,09 КБ. Хотя визуально качество не меняется. Всё устраивает. Нажимаем «сохранить». Открывается окно для сохранения.

вид окна

Здесь действуем стандартным образом. В поле «имя файла» видим «PICT0445.jpg». Это не совсем удобно, если, к примеру, нужно будет подготовить несколько фотографий, а затем ещё к каждой описание. Но это как кому удобно. Главное правило – название должно быть на латинице и без недопустимых символов. Далее выбираем необходимую папку для сохранения и жмём «сохранить».

Как вырезать фрагмент фотографии?

Шаг первый: открываем исходную фотографию при помощи Adobe Photoshop. В меню инструментов выбираем инструмент «Прямоугольная область».

вид

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

вид

Шаг второй: выполняем копирование выделенной области в буфер обмена нажатием сочетанием клавиш «Ctrl+C». Затем идём в меню файл и выбираем команду «Создать».

вид окна

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

Далее в меню «Файл» выбираем команду «Сохранить для Web и устройств…» и сохраняем фрагмент фотографии, как было описано выше.

вид фото

Как сделать круглую либо овальную фотографию?

Шаг первый: открываем первоначальную фотографию в Фотошопе. В меню инструментов выбираем пункт «Прямоугольная область». В выпадающем списке выбираем инструмент «Овальная область».

вид окна

Выделяем необходимый участок курсором.

 

вид

Если выделение Вам не нравится – зайдите в меню «Редактирование» и выберете команду «Шаг назад». Затем повторите выделение.

Шаг второй: выполняем копирование выделенной области в буфер обмена нажатием сочетанием клавиш «Ctrl+C». Затем идём в меню файл и выбираем команду «Создать». В открывшемся окне выбираем фон «прозрачный» и жмём «окей».

вид

Далее в меню «Файл» выбираем команду «Сохранить для Web и устройств…» и выполняем процесс сохранения.

вид

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

 

вид

Сайт Автора публикации:  Трудяга.com

 

Добавить комментарий


Защитный код
Обновить