Дизайн сайтов

Подготовка изображений к загрузке в интернет-магазин или на сайт-каталог очень важна и может отнять много времени. В этой статье мы расскажем, к чему может привести недооценка этого процесса и как подогнать все фото к одному формату в пару кликов без Photoshop. Есть различные сценарии того, как вам могут попасть картинки для загрузки на сайт. Фото может дать вам заказчик, или вы сами будете загружать их с других сайтов. Но в любом случае нет гарантий, что все изображения окажутся стандартизированными. Предположим, вы подготовили CSV таблицу для импорта в woocommerce, добавили URL картинок в колонку Image; woocommerce успешно их импортировал, сформировал категории и карточки товаров и добавил в них фото. И тут вы обнаруживаете, что сетка карточек хоть и ровная, но в одном ряду строки не сходятся: все выглядит ступенчато, в одной карточке описание опустилось вниз, в другой оно стоит посередине и т. д. И все дело в том, что картинки оказались разными по высоте. Первым делом хочется "поиграть" настройками темы Woodmart. Вы задаете жесткие пропорции - но в результате получаете кадрирование картинок. Это портит их внешний вид и уменьшает информативность, а исправить это настройками темы нереально. Рассказываем, как избежать такого факапа. Вернемся к тому моменту, где вы создавали таблицу товара с URL картинок. После ее создания вам необходимо скопировать колонку с URL, вставить ее в новый .txt документ и сохранить, например, под именем links.txt (ВНИМАНИЕ: не используйте кириллические названия - это важно для следующих шагов). Скачивание изображений Скачиваем файл wget.exe Создаем файл links.txt со списком URL картинок. В той же папке создаете файл download.bat. Этот cкрипт скачает и сохранит изображения с указанных URL, используя wget @echo off set "WGETC:\полный путь к файлу\wget.exe" set "OUTDIRD:\TEMP_IN" set "LINKS%~dp0links.txt" cd /d "%OUTDIR%" for /f "usebackq delims" %%A in ("%LINKS%") do ( echo Скачиваю: %%A "%WGET%" -nc -nd "%%A" ) pause Оптимизация изображений Отлично - вы скачали все картинки, и теперь их нужно привести к одному формату по пропорциям сторон. Это необходимо, если у вас, например, есть картинка, вытянутая по вертикали, которая не вписывается в карточку товара, делая изображение кадрированным и неполным. В Photoshop сделать это за пару кликов не получится. Поэтому нам понадобится ImageMagick и еще один скрипт. Исходное изображение После обработки скрипта Скачиваем ImageMagick for Windows (x64 static)Установить нужно с галочкой "Add to PATH" Создаем файл 1-1.bat @echo off setlocal enabledelayedexpansion set "SRCD:\TEMP_IN" set "DSTD:\TEMP_OUT" echo Обработка изображений из: %SRC% echo Сохранение в: %DST% pause for %%F in ("%SRC%\*.jpg") do ( for /f "tokens1,2" %%A in ('magick identify -format "%%w %%h" "%%F"') do ( set /a W%%A set /a H%%B set /a SIZE!W! if !H! GTR !W! set /a SIZE!H! echo Сохраняю %%F как !SIZE!x!SIZE! magick "%%F" -gravity center -background white -extent !SIZE!x!SIZE! "%DST%\%%~nxF" ) ) pause Все готово! Да этот способ не самый очевидный, но если все сделать правильно, он сэкономит от 2-3 дней до нескольких недель скачивания и редактирования вручную.

Скачивание и оптимизация изображений для интернет магазина

Сайт-каталог для продажи профессионального кухонного оборудования

Создать сайт самому бесплатно: что важно знать