Как подготовить фотографии для публикации в Интернете?

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

У нас в стране только несколько крупнейших городов могут похвастаться наличием скоростного безлимитного интернета. Провинция до сих пор плотно сидит на модемной связи, а глубинка даже на GPRS (связи при помощи мобильного телефона). Скорости передачи данных по этим каналам удручающе низкие, поэтому веб-страницы большого объема загружаются раздражающе медленно. Так как графические файлы — чемпионы по занимаемому месту, то следует уменьшать их, насколько возможно при выбранном стандарте качества. Как это сделать за несколько минут?

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

Все их объединяет одно свойство — недопустимо большой объем. Уменьшить эту величину нам поможет программа Фотошоп. Не нужно бояться этой программы — она одинаково служит и придирчивому профессиональному иллюстратору, и практиканту ШколыЖизни. ру. Версия программы для наших целей не имеет значения, подойдет любая от шестой и старше (7, 8, cs, и так далее). Более старая версия даже предпочтительней, так как занимает меньше места, работает быстрее и имеет меньше опций. В данной статье использованы скриншоты, снятые с версии 8. 0.

Если Фотошоп не установлен у вас на компьютере, то его стоит установить. Установка происходит почти автоматически, надо только соглашаться на все настройки по умолчанию. Открытое окно программы показано на рис. 1.

Слева вы видите узкое высокое окно Инструментов (Tools), его можно перемещать мышью за синюю полосу наверху в любое удобное место экрана. Это относится и ко всем остальным вспомогательным окошкам программы. В правой части окна мы видим еще три вспомогательных окна. Для нашей задачи они не нужны, поэтому закроем их, чтобы они не мешали. При необходимости их всегда можно вернуть из меню Окно (Window).

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

Открыв нужный файл, начнем с ним работать. Если это фотография, то первым делом нужно отрезать все лишнее. Для обрезки служит инструмент Crop Tool, на рисунке 1 он находится в окошке Инструментов слева в третьем ряду инструментов, выделен в белом квадрате. При помощи указанного инструмента делаем прямоугольное выделение нужного участка фотографии.

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

Далее нужно установить размер. Для этого в меню Изображение выбираем строку Размер Изображения и в открывшемся окне устанавливаем нужный. При этом можно выбирать размер в сантиметрах, но лучше — в пикселях. Фото шириной 700 пикселей займет бОльшую часть окна браузера. Наиболее употребительная ширина — 500 пикселей. Высота будет установлена автоматически с сохранением пропорций снимка.

И осталось сделать самое главное — оптимизировать изображение для web. Дело в том, что оно все еще слишком велико, и нам необходимо уменьшить его размер.

Но и это еще не все — изображение несет массу избыточной информации. Например, формат файла . jpg содержит миллионы оттенков цветов, а в web используется в основном только 216 так называемых «безопасных», то есть тех, что гарантированно будут переданы без искажения любым браузером. Такая же картина и с разрешением, разрешение 300 линий/дюйм избыточно, вполне достаточно 72. Функция Фотошопа Сохранить для Веб — это программа в программе, позволяющая оптимизировать изображение, сохраняя приличное качество и уменьшая его размеры. Открываем меню Файл и выбираем Сохранить для Веб.

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

Меню программы Сохранить для Веб позволяет поэкспериментировать с различными степенями «ухудшения» изображения, для чего на экран выводятся два изображения — исходное и оптимизированное. (Есть возможность вывести 4 изображения). Поэкспериментируйте с различными настройками и найдите оптимальное для вас соотношение размер/качество. Я лично не признаю фотографий размером больше 30 килобайт, так как живу в деревне и пользуюсь GPRS. Конечный результат работы размером 500×344 пикселей получился 10,2 Кб.

Несколько общих советов:

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

2. Не бойтесь, если конечный вариант в натуральную величину выглядит «не очень». Скорее всего, на странице сайта он будет уменьшен, и дефекты станут незаметными;

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

Автор статьи: неизвестный | Дата публикации: 23:09 24.03.2017 Effectivinfo.Ru




Отзывы и комментарии
Ваше имя (псевдоним):
Проверка на спам:

Введите символы с картинки:



Сила позитивного мышления

Сила позитивного мышления


Есть в жизни выбор. И каждый человек имеет право принимать решение - использовать позитивное мышление или нет. И вы тоже. И для того чтоб вам было проще понять хотите вы стать позитивно мыслящим чело...


Что выбрать - массажный кабинет или домашний массажер?

Что выбрать - массажный кабинет или домашний ...


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


Вкусные рецепты: Конфеты (шоколадно-ореховые трюфели) "Зимний вечер", Сырные закусочные пирожные, Вишневая лазанья

Вкусные рецепты: Конфеты (шоколадно-ореховые ...


Конфеты (шоколадно-ореховые трюфели) "Зимний вечер"Грецкие орехи положить на сухой,ничем не смазанный противень и подрумянить в духовке минут 5-7 Дать орехам остыть остывшие орехи измельчизь в блендер...


Организация препятствий на пути грязи

Организация препятствий на пути грязи


Именно организация препятствий на входе в помещение или здание не позволяет грязи распространяться внутри помещения. Благодаря целой системе грязезащитных покрытий основная часть её фрагментов счищает...


Постельное белье и другой домашний текстиль: как выбрать хорошие изделия

Постельное белье и другой домашний текстиль: ...


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


День сони в Финляндии, или Как российские корабли могут помочь соседям?

День сони в Финляндии, или Как российские кор...


26 июля в России отмечался День Военно-Морского Флота. На моей родине, во Владивостоке, последнее воскресенье июля, наверное, начинается с приветствия экипажей и бойцов береговых частей. Парад в ...


Читаемые

Вкусные рецепты: хлеб с маслинами /для хлебопечки/

хлеб с маслинами /для хлебопечки/мне подарили хлебопечку и это один из первых опытов. рецепт очень хорош /см фотки/. продукты складываем в хлебопечку сообразно инструкции. ставим программу " выпечка с...

Как вариант действенной грязезащиты

Наряду с другими грязезащитными покрытиями ворсовые грязезащитные ковры стали в последнее время очень востребованным средством защиты помещений от уличной грязи и пыли. Именно эти покрытия предназначе...

Необходимость корпусной мебели на заказ

  У вас появилось новая квартира, через небольшой промежуток времени эмоции, бившие через край, начинают постепенно утихать и вы возвращаетесь с небес на землю.  Одним из первых встаёт вопро...

Афганистан: как он начинался для солдат? Часть 1

О вводе ограниченного контингента войск в ДРА было объявлено в конце декабря 1979 года. За развитием событий следили во всем мире. В ДРА сразу же вошло много военнослужащих СССР. Огромная страна ...

Вязаные платья и какую роль они играют в жизни жен

Какое место занимает платье в женском гардеробе? А лучше спросить: «Какую роль играет платье в жизни любой женщины?». И сами же ответим на эти вопросы, не раздумывая – важное место и важную роль. У не...

Настоящее послание от Деда Мороза: стоит ли пользо

Вы уже перешли к подготовке к Новому году? Нет? А ведь лучше бы уже поторопиться. Допустим, в случае, если у вас есть дети, то в начале осени возможно заказать для них именное поздравление от Деда Мор...

Как полюбить (учить) английский язык?

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

Необычные деликатесы из рыбы. В чем секрет их попу

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

Купание в море

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

Почему экономия выгодна для всех?

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

Новости развития информационнного портала:

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

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