Et af de største greb, som designere og udviklere står overfor i dag, arbejder med lydhør design. Mens denne design stil er en velsignelse for brugerne overalt - at sikre, at de ser indholdet vist korrekt på tværs af alle enheder - at designe for det kan være lidt af hovedpine.
Dette er især tilfældet, når man overvejer hvordan billeder passer (eller ikke) ind i den responsive design model. Som designere ved godt, sker en af to ting normalt, når de arbejder med billeder i lydhør design. Enten bliver billederne superstore og så langsomme steder ned, eller de ender med en lang række forskellige billedstørrelser for at forsøge at rumme forskellige skærme, hvilket er rent kaos. Enten virkeligheden er ikke god nok ud fra designernes perspektiv.
Nu er der et billedvirksomhedsfirma der synes at lytte til disse designers frustrationer.
For nylig debuterede en intelligent respons-image breakpoints-løsning, der går helt til hjertet af de problemer, som designere har oplevet, når de forsøger at finde ud af de korrekte billeddimensioner for deres responsive site designs.
I stedet for at designere fortsætter med at designe billeder, der er for store eller for mange, vil de nu kunne stole på teknologi, der hjælper dem med automatisk at finde de optimale billeddimensioner, der kræves for den bedste visningsoplevelse på både mobil- og webapps i en række skærmstørrelser. Responsive Image Breakpoints Generator er et open source-værktøj gør det muligt for designere at studere deres billeder interaktivt og skabe reaktive billedbrudpunkter.
Sådan fungerer det: Designere kan hurtigt og enkelt generere de bedst matchede breakpoints for hvert billede, de uploader til værktøjet, baseret på deres givne tærskler. Retina-skærmtilpasninger og flere billedformattilpasninger giver designere yderligere plads til at tilpasse deres billeder.
Værktøjet tilskynder designere til at bestemme billedbreddeværdier, som alvorligt mindsker filstørrelser, hvilket altid er velkomment at sikre, at websteder ikke taber deres hastighed. Virksomhedens algoritmer fortolker billederne for altid at finde de bedste breakpoints. Dette giver designere friheden til at komme med et moderne billede samt img, HTML5 elementer baseret på de beregnede breakpoints.
Denne frihed betyder, at designere har en responsiv billede-breakpoint generationskapacitet gennem en API, hvilket gør det nemt for dem at øjeblikkeligt oprette breakpoints for hvert populært billedformat: JPG, GIF, WebP og PNG. Disse kan oprettes enten i deres originale format eller et nyt format bestemt i billedtransformationsindstillinger.
Takket være dette værktøj har designere nu den luksus, at de ikke behøver at stole på deres bedste gæt, når det kommer til at få deres billedstørrelser rigtige til deres lydhørige designwebsteder.