Сейчас уже очень сложно представить себе сайт, на котором не было бы и одной картинки. Обычно изображения играют очень большую роль в оформлении сайта, делая его более привлекательным и позволяя наглядно показать то,о чем написано на той или иной странице.
Где бы вы ни брали изображения для своего сайта, их, как правило, нужно готовить к размещению на вашем сайте. Например, если вы сфотографировали что-то цифровым фотоаппаратом с высоким разрешением, то изображение нужно сильно уменьшить, иначе оно буде очень долго загружаться и посетитель может уйти с вашего сайта, не дождавшись его полной загрузки.
Другая очень полезная операция - кадрирование. Бывает, что на фотографии присутствуют объекты, которые нам не нужны. Например, нам нужна только центральная часть кадра, а то, что по краям, можно безболезненно отрезать. Еще нужно уметь повернуть изображение если, например, при съемке фотоаппарат был повернут вертикально. Такие фотографии получаются как бы лежащими на боку и перед помещением их на сайт требуется выполнить поворот на 90 или даже 180 градусов (это часто бывает при сканировании фотографий из толстых книг - иногда проще отсканировать "вверх ногами" и повернуть уже в редакторе.
После этих преобразований файл нужно сохранить на диск с соблюдением всех необходимых требований, предъявляемых к именам файлов для помещения на сайт.
Таким образом, мы видим, что как правило для подготовки изображений для размещения на сайте достаточно только этих нескольких простых операций: открыть файл - повернуть изображение - кадрировать - установить нужный размер - сохранить. Со всеми этими операциями легко справляется графический редактор Paint, который является частью операционной системы Microsoft Windows и, следовательно, есть практически в любом компьютере.
Конечно, в некоторых случаях требуется более тонкая обработка: ретушь фотографии, создание коллажа, то есть комбинирование нескольких изображений, выравнивание линии горизонта и т.д. У графического редактора Paint таких возможностей нет и в этом случае нам стоит обратить внимание на более мощный редактор Adobe Photoshop. В первой версии курса я показывал, как готовить изображения для публикации именно в этой продвинутой программе.
Однако после выхода прошлой версии этого курса я получал по почте много писем с одним и тем же вопросом: "А где нам взять Adobe Photoshop?". Некоторые даже просили меня "выслать им фотошоп". Принимая во внимание факт, что данный редактор установлен далеко не во всех компьютерах, я решил показать, как можно обходиться без него и тем не менее успешно готовить изображения для размещения на сайте.
Если для подготовки ваших изображений не будет достаточно возможностей программы Paint, вы можете попробовать сделать это в Adobe Photoshop, разобравшись в нем самостоятельно или прослушав мой курс "Adobe Photoshop для начинающих".
Тем не менее, как я уже говорил, обычно нам не требуются супервозможности для выполнения пяти приведенных выше операций с графикой. Посмотрите, как с помощью Paint решаются эти задачи. Возможно, на первое время вам будет этого достаточно.
Видеоурок: Подготовка изображений для публикации на сайте
Домашнее задание
Найдите и подготовьте по два разных изображения для каждого из текстов, которые вы создали в прошлом уроке. Первое изображение из каждой пары должно иметь ширину 200 точек, второе - 800 точек. Первое мы поместим в самое начала статьи, второе, более крупное, будет размещено в тексте. Сохраните изображения на диск, помните о правилах написания имен файлов, которые будут размещены на сайте.
Дистанционные курсы Кашканова. Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.
