Подготавливаем изображение для web


Подготавливаем изображение для web

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

Большинство пользователей Internet вообще никогда не задумываются о том, что изображения и фото, прежде чем размещать на сайте или отправлять по почте, необходимо предварительно подготовить. Зачем это необходимо делать и самое главное как, я сейчас постараюсь объяснить.

В чём проблема?

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

Как правильно подготовить фото?

Начать стоит с обрезки всего лишнего. Часто на картинке или фото присутствуют объёкты или люди, которых можно смело обрезать, т.к. они не несут никакой смысловой нагрузки, или могут быть просто лишними.

Далее нужно изменить размеры фото или картинки. Оптимальные размеры для web среды не должны превышать по ширине 1000 пикселей и по высоте 750 пикселей. Тут дело в том, что ещё многие пользуются 15 дюймовыми мониторами, максимальное разрешение которых составляет 1024 на 768 пикселей. Если фото будет большего размера, то у этих пользователей появляются вертикальная и горизонтальная полосы прокрутки. Причём горизонтальная полоса прокрутки наиболее неудобная, чем вертикальная.

Самое интересное, что с изменением размера, изменяется и вес. А чтобы ещё больше уменьшить вес Вашей картинки или фото, нужно сохранить её в правильном формате. Наиболее оптимальными будут форматы: jpeg, gif, png. Как правило после сохранения ваша картинка или фото будет весить не более 500Кб. Это в 10 раз меньше чем первоначальный вес! Причём видимой человеческому глазу потери качества не будет.

Какой программой пользоваться?

Существует множество программ, для обработки изображений, как платные так и бесплатные. Наиболее распространённые программы: Adobe Photoshop, Microsoft Picture Manager, Gimp, Xnview, Artweaver free. Первые две программы платные, третья, четвёртая и пятая бесплатные.

Adobe Photoshop, Gimp

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

Artweaver free

Удобный и интуитивно понятный интерфейс очень напоминает известный Adobe Photoshop. Artweaver может работать с различными форматами AWD (собственный формат Artweaver), BMP, GIF, PCX, TGA, TIFF, JPEG, PNG, а также с PSD (многослойный формат Photoshop). 

Xnview

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

Microsoft Picture Manager

Очень простая в использовании программка. Основное её достоинство на мой взгляд это возможность пакетной обработки. Выбираем сразу несколько фото, и задаём нужные параметры сразу всем. Конечно, и другие программы имеют возможность пакетной обработки, но здесь это реализовано намного проще. Данная программа не бесплатная, но её не надо отдельно устанавливать, т.к. она идёт в стандартном пакете Microsoft Office. А т.к. Office есть практически у всех, то и эта программа, скорее всего уже будет установлена на компьютере.

Возврат к списку


Несколько фактов

Интересные факты о нашей компании


253

Завершенный проект


80

% клиентов вернулись к нам


1751

Чашка кофе выпита


5000000

Строк кода написано

Остались вопросы или решили заказать расчет стоимости сайта - напишите нам