Найти тему

Видео в GIF без потери качества. Подбор размеров фото для красивой галереи

В некоторых статьях на Дзен вместо видео я использовал анимированные гиф изображения. Они хорошо дополняют статью, когда нужно показать короткий движущийся ролик без звука. Возможность преобразования видео в GIF присутствует во многих программах, например, в Premiere Pro, Photoshop; на специализированных сайтах и камера в смартфоне Meizu m1 note может снимать сразу в GIF. Но появляются искажения. Вот гифка, сделанная из видео с помощью Photoshop:

Заметно, что присутствует значительный цветовой шум в виде точек. Premiere Pro и несколько онлайн конвертеров выдают ещё худший результат. Сравнение оригинального видео и GIF из Photoshop:

Исходное видео слева и GIF изображение справа
Исходное видео слева и GIF изображение справа

Но есть возможность получить качество гиф, приближенное к качеству оригинального видео. Для этого сто́ит воспользоваться сайтом XConvert.

Изначально был указан hnet.com/video-to-gif, но в 2024 году он не работает. Информация ниже не обновлялась. Новым сайт проще, вряд ли потребуется инструкция. Если заметно выпадение кадров, то нужно увеличить FRAME RATE.

К сожалению, новый сайт по качеству создаваемых анимаций не дотягивает до первоначального. Качества, как на гифке ниже достичь не удалось.

Интерфейс сайта
Интерфейс сайта

Можно загружать файл до 300 МБ. Несколько пояснений по настройкам.

End time: нужно ставить значение равное желаемой продолжительности GIF или большее.

Image width: если ширина кадров видео меньше 600, то нужно изменить на меньшее значение, в противном случае GIF будет увеличено по сравнению с видео и уменьшится его чёткость. 600 пикселей - это максимальная отображаемая ширина изображений в статьях. Минимальная ширина изображений для Дзен - 300 пикселей.

Frames per second: нужно выбрать "up to" секунд не меньше, чем продолжительность видео, а то обрежет. Меньшее количество кадров – меньший вес гифки, но лучше использовать не менее 7 кадров в секунду.

Если анимация не запустилась, то нажмите на изображение.
Если анимация не запустилась, то нажмите на изображение.

Вот такой получился результат. Качество намного лучше, чем у первой анимации из начала статьи, но, до оригинала всё-таки не дотягивает.

Как обрезать видео до любого разрешения, чтобы не было чёрных полос.

При создании галереи фотографий часто используются изображения разных размеров. Из-за этого возникают такие серые рамки:

-5

Для исправления нужно посмотреть размер фотографии, например, 600*260. Заполнить этими числами строку "В соотношении" в Photoshop (должна быть включена "Рамка"):

-6

Далее просто открываем и обрезаем остальные изображения в заданной пропорции. И создаём из них галерею в статье уже без рамок.

Ширина галереи в Дзен 640 пикселей, поэтому лучше создавать изображения не менее этой ширины, в противном случае слева и справа появятся рамки.

Предлагаю ознакомиться с тематическим списком и всеми моими статьями!