Лучший способ получить фотошоп для оптимизации 35 похожих картинок для быстрой передачи

Question

У меня 35 снимков, сделанных стационарной камерой, нацеленных на лайтбокс, в котором находится объект, повернутый на 10 градусов на каждом снимке. Если я быстро прокручиваю картинки, изображение выглядит так, как будто оно вращается.

Если я хотел «повернуть» объект в браузере, но хотел передать как можно меньше данных для этого, я подумал, что было бы неплохо разделить изображение на 36 изображений, где 1 изображение - это любой фон, общие изображения и 35 снимков без фона, просто показывающие то, что изменилось.

Как вы думаете, этот подход будет работать? Есть ли лучший маршрут? Как бы я достиг этого в фотошопе?

Answer 1

Если вы создаете анимированный GIF с несколькими кадрами в Photoshop, вы можете контролировать качество конечного результата, включая оптимизацию, которая автоматически преобразует всю последовательность в индексированный цвет. В результате ваш фон, хотя и различный, будет использовать большую часть одного и того же цветового пространства и должен быть оптимизирован таким образом, чтобы не имело значения, будет ли он немного различаться в каждом кадре. (Если ваш фон не сильно различается между фотографиями, хотя при использовании светового короба этого не должно быть.) Photoshop позволит вам контролировать общее выходное разрешение и переназначение цветов, что повлияет на окончательный размер.

Обновление: Adobe прекратила ImageReady в Photoshop CS3 +, я все еще использую CS2, поэтому я не знала об этом, пока кто-то не указал на это.

Answer 2

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

Будет ли разница достаточно большой, чтобы повысить скорость, учитывая среднюю скорость загрузки страниц?

Answer 3

Хм, вам, вероятно, придется сделать отдельную фотографию только фона, затем на оставшихся фотографиях используйте Photoshop, чтобы удалить фон и оставить только объект. Я предполагаю, что если изображения фона имеют прозрачность в том месте, где был фон, это могло бы сработать.

Как вы планируете "повернуть" это? Вспышка? JavaScript? CSS + HTML? Это должен быть интерактивный или просто повторяющийся фильм? У вас есть пример того, как это уже было сделано? Звучит круто.