Исходные данные: есть много фотографий разного размера, формата и с разными именами. Нужно быстро изменить их размер, допустим, высотой 700px, переименовать согласно шаблону и вставить в html-страницу.
При большом количестве фотографий данный процесс запросто может убить много времени и сил, поэтому можно воспользоваться следующим методом:
- устанавливаем небольшой и очень удобный редактор картинок IrfanView (бесплатный);
- открываем любую из картинок в серии;
- нажимаем кнопку "B";
- в меню выбираем Add all (добавить все изображения в папке), рис. 1.;
- дальше, сверху выбираем "Batch conversion - Rename result files" (режим массового редактирования и переименования файлов);
- ставим галку "Use advanced options" и заходим в меню (рис. 2).
- здесь ставим "RESIZE";
- Set long side to: 700 pixels;
- далее оставляем Preserve aspect ratio (оставлять пропорции);
- можем добавить водяную надпись в пункте "Add overlay text";
- устанавливаем шаблон будущих имен "Name pattern";
- директорию, куда будут сохраняться файлы;
- нажимаем "Start Batch". Дело сделано!
Закачиваем файлы на сервер, и остаётся лишь прописать код картинок <img>.
Опять же, при небольшом количестве картинок процесс не отнимет много времени, но если картинок 50-100, то руками всё это прописывать довольно скучно. Поэтому на помощь придет небольшой скрипт на JavaScript'е, который сделает всю работу за нас:
for (i = 1; i <= 10; i++ ) {
document.write('<img src="fot'+i+'.jpg"> <br>');
}
Для этого: (рис. 3)
- нажимаем F12 в браузере;
- открываем вкладку Console;
- вставляем указанный код и нажимаем Enter;
- как вы могли догадаться, создалось 10 записей;
- при необходимости здесь же можно дописать аттрибуты class, title, alt и т.д.
Далее остается только скопировать полученное содержимое в html код страницы.