Рассмотрено на примере 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
Версия для печати
Скачать статью