Добавить в "Избранное" Вам нужно авторизоваться. Забыли пароль? Регистрация Сентябрь чт. 21 2017 г. в 21:29
Навигация
Хостинг от наших партнеров
Поиск
Рассылка



Отписаться
Статистика


Статьи

Как правильно подготовить изображения к размещению на сайте

Добавлено: 2008-12-23 06:06:41

Рассмотрено на примере Adobe Photoshop 7.0 English — далее «программа». При использовании другой версии (или другого языка локализации) действия будут аналогичны описанным ниже. При использовании других программ — сохраняется общий смысл и последовательность действий, но могут несколько отличаться пункты меню и команды.
Исходное изображение
Может быть использовано изображение в любом графическом формате, поддерживаемом программой.
Обработка изображения
Откройте файл
File - Open
Переведите цветовую схему в RGB
Image - Mode - RGB Color
Скадрируйте изображение (при необходимости)
Выберите инструмент Crop Tool  , обведите им нужную часть изображения и дважды щёлкните мышью внутри выделения.
Задайте размер изображения
Image - Image Size - Pixel Dimensions -
Width … pixels / Height … pixels / Constrain Proportions: [V] / Resample Image: Bicubic
- Для всплывающего окна:   вам необходимо получить изображение с размером 550 точек (пикселей) по большей стороне. Такой размер выбирается для того, чтобы окно с изображением уместилось практически на любом мониторе, но в то же время не будет избыточно большим.
- Для иллюстрации или иконки:   размер изображения зависит от принятого на сайте. Например, 100х75 точек (пикселей) для иконки.
Изображение можно уменьшать, но не рекомендуется увеличивать, т.к. при этом теряется его качество, иногда весьма существенно. Если изображение слишком мало, попробуйте подобрать другой исходник.
Сохраните изображение для веба
File - Save For Web
У вас откроется новое окно, в котором выберите вверху закладку Optimized.
В зависимости от типа изображения выберите справа формат файла:
- Для фотографий:   Settings: JPEG Medium
- Для схем или рисунков:   Settings: GIF 128 Dithered
При этом в окне вы увидите реальный вид будущего файла, а внизу слева — его будущий размер. Нажмите кнопку Save, задайте требуемое имя файла и путь, и нажмите Ок.
Если вы сохранили большое изображение для всплывающего окна, но теперь вам нужна иконка для него: повторите пункты 4 и 5 ещё раз.
Сохраните исходный обработанный файл (при необходимости)
Если вы предполагаете, что обработанный файл (помимо уже сохранённого файла для веба) может понадобиться вам в дальнейшем — сохраните и его:
File - Save as… - File name … / Format: Photoshop PSD

Понравилась статья? Поделись с друзьями!
Facebook Опубликовать в LiveJournal Tweet This


Оглавление   |  На верх

Оглавление        Вернуться к статье

Тема страницы:

Как правильно подготовить изображения к размещению на сайте: Практические советы и рекомендации 2017-09-21 21_29_48 ( vds, hosting, тариф )

Мы решим Ваши проблемы с выбором хостинга
Вход
Логин:

Пароль:


Запомнить меня
Вам нужно авторизоваться.
Забыли пароль?
Регистрация
На сайте
Гостей: 0
Пользователей: 0


Статьи
Практические советы и рекомендации
10 статей
Использование материалов разрешается только при наличии ссылки на источник информации: www.sevhosting.net!
Для интернет-ресурсов наличие прямой активной гиперссылки www.sevhosting.net - обязательно ! © 2006-2015
Работает под управлением WebCodePortalSystem v. 6.2.01