+7 960 44 33332
283902465
Перейти в фотогалерею
Обработка фото для сайта. 11 самых распространенных приемов
Тэги:
28.05.2011
На любом веб-сайте вы найдете фотографии и картинки. Фотографии привлекают внимание, их просматривают намного чаще, чем читают тексты. Именно от качетсва фотографий зависит, заинтересует ли посетителя информация на сайте компании. Рассмотрим 11 наиболее распространенных приемов обработки фотографий для сайта.
1. Уменьшение размера фотографии.
Фотография, скопированная с фотоаппарата обычно имеет размер от 1,5 до 5 Мб. В интернете принято, чтобы фото или картинка "весила" 30-100Kb. Уменьшить фото можно при помощи бесплатных программ Paint.net, XnView и других.
2. Изменение разрешения фотографии.
Если типографии требуют фото в разрешении 300dpi, то для интернете принят стандарт разрешения изображений в 72dpi. Изменить разрешение можно в тех же графических программах в свойствах или через специальную функцию "Сохранить для web".
3. Изменение формата.
Графических форматов много, но не все могут быть отображены браузерами в интернете. Браузеры отображают ТОЛЬКО РАСТРОВЫЕ ИЗОБРАЖЕНИЯ
Общепринятым стандартом, корректно отображаемым во всех браузерах считается - jpg, png, gif.
Так что если ваше фото или изображение в формате:
- psd, tiff (Adobe Photoshop),
- ai (Adobe Illustrator)
- cdr (CorelDraw)
- dwg (Autocad)
- bmp (Windows)
- raw-форматы (формат съемки фотографий, зависит от фотокамеры)
- и другие..
То необходимо экспортировать исходный графический файл в один из стандартных графических форматах для отображения в брауезерах. Это по прежнему jpg, png, gif.
4. Кадрирование.
Или как из большой фотографии сделать много маленьких. 
Часто для сайта требуется привести все фото к одному размеру: для фотогалереи, каталога товаров, портфолио.
- небольшие фото будут иметь размер 100-200px в ширину;
- средний размер фото - 300-400px;
- большие фото - от 500 px в ширину
5. Ретушь простая: удаление даты съемки, посторонних объектов в кадре, цветокоррекция.
6. Ретушь сложная: удаление фона, наложение нового фона, добавление объектов в кадр, ретушь лиц, причесок.
Такая ретушь обячно применяется при создании каталогов продукции: мебель, детали оборудования, автомобили и т.д. Обычно товар размещается на светлом фоне с поясняющей надписью.
7. Наложение логотипа или адреса сайта на фото, так называемый watermark.
Сделать "водяной знак" можно при помощи программы Photoshop, формат watermark-а только - png (он поддерживает прозрачность изображения). Наложить знак на фото можно при помощи просмотрщика XnView или специальной программы для установки "водяных знаков".
8.Выравнивание горизонтально и вертикально ориентированных фото в одном ряду. Фото можно выровнять по высоте, или по ширине, но в этом случае дополнительно придется изменить размер холста.
9. Добавление рамок, размытий по краям.
10. Добавление подписи к фото или картинке.
11. Нанесение поясняющих стрелок, надписей.
Комментарии
Добавить комментарий