Page MenuHomeSealhub

Responsive-image: automatyczna dedukcja `resolutions` na podstawie `sizes`
Open, LowPublic2 Points

Description

Parsując wartość atrybutu sizes możemy określić, jakie rozmiary obrazka wygenerować i nie obciążać użytkownika listowaniem wszystkich potrzebnych rozdzielczości.

Ten algorytm mógłby działać tak, że bierze pod uwagę to, jakie są najczęściej występujące viewporty. Zapewne są gdzies dostępne online informacje o tym, jakie szerokości viewportów są najczęstsze. Wtedy dla n najczęstszych viewportów generowane są obrazki o dokładnie takim rozmiarze, jaki jest potrzebny. Następnie algorytm wybierałby kilka rozdzielczości z tych, które najliczniej pojawiają się jako wartości funkcji f(viewport)=>szerokość obrazka, dla 320<viewport<2500

Details

PHID of the last column the processing script has seen this task in
PHID-PCOL-rt4p72bfiw2fnfkxc5fl
Timestamp of the time this task got moved into the current column
1693753954497

Event Timeline

kuba-orlik changed the task status from Unknown Status to Unknown Status.Sep 20 2019, 13:57
kuba-orlik triaged this task as Low priority.
kuba-orlik created this task.

Jaka miałaby być zależność pomiędzy sizes a listą rozdzielczości?

W sizes są zawarte rozdzielczości :)

Na przykład:

sizes: (max-width: 500px) 100vw, 500px

dla szerokości <500px obrazek ma rozmiar 100vw, a dla większych ma rozmiar stały - 500px. Minimalna szerokość viewportu to 320px. Więc obrazek ma od 320 do 500px. Dajemy rodzielczości skrajne: 320 i 500

Potem dodajemy jedną pośrednią: 400

I następnie każdą z rozdzielczości podwajamy (ponieważ Retina): 630, 1000, 800

I w ten sposób mamy listę resolutions: [320, 400, 500, 630, 800, 1000]

Oczywiście dla bardziej złożonych sizes to też powinno działać. Trzeba tylko to mądrze parsować (może jest gotowy moduł do tego?)

kuba-orlik set the point value for this task to 2.
jenkins-user set Timestamp of the time this task got moved into the current column to 1693753928457.Sep 3 2023, 17:12
jenkins-user set PHID of the last column the processing script has seen this task in to PHID-PCOL-2ksh7xlolko4ggqo7rez.
kuba-orlik edited projects, added ImageRouter, Paid; removed Unknown Object (Project).Sep 3 2023, 17:12
jenkins-user changed Timestamp of the time this task got moved into the current column from 1693753928457 to 1693753954497.Sep 3 2023, 17:12
jenkins-user changed PHID of the last column the processing script has seen this task in from PHID-PCOL-2ksh7xlolko4ggqo7rez to PHID-PCOL-rt4p72bfiw2fnfkxc5fl.
kuba-orlik shifted this object from the Restricted Space space to the S5 Publiczna space.Oct 30 2023, 13:22
kuba-orlik changed the visibility from "All Users" to "Public (No Login Required)".