Сравнение скриншотов?

Предположим, переписывается HTML и CSS вёрстка в движке сайта, и нужно убедиться, что в новом варианте на многочисленных страницах с контентом ничего не «поплыло».


Можно автоматически снять скриншоты до и после изменений. Чем их сравнить на похожесть?


ImageMagick compare, кажется, не подойдёт т.к. в новом варианте верстки крупные блоки могут смещаться на несколько пикселей — что не критично, но попиксельная разница будет огромная.
  • Вопрос задан
  • 5562 просмотра
Пригласить эксперта
Ответы на вопрос 4
RuJet
@RuJet
ImageMagick compare, кажется, не подойдёт т.к. в новом варианте верстки крупные блоки могут смещаться на несколько пикселей — что не критично, но попиксельная разница будет огромная.

А если применить методики, которые используются для сравнения фотографий?
Ответ написан
@vart
Комментировать
@kmike
Можно сюда глянуть: pdiff.sourceforge.net/
Ответ написан
Комментировать
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Смотрите в сторону сегментации изображения, без этого Вы не сможете отловить "дельту" - смещения заметные для глаза и баги вёрстки.
По дереву сегментации - определяете расстояния между блоками, основываясь на центре масс каждой части. Если оно где-то больше нужного - это ошибка вёрстки!
Удачи!
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы