En av de største gripene som designere og utviklere står overfor i dag, jobber med responsiv design. Mens denne designstilen er en velsignelse for brukere overalt, slik at de ser at innholdet vises riktig på alle enheter, kan det være litt hodepine å designe det.
Dette er spesielt tilfelle når man vurderer hvordan bildene passer (eller ikke) inn i den responsive designmodellen. Som designere vet godt, skjer en av to ting vanligvis når de jobber med bilder i lydhør design. Enten blir bildene super store og så sakte steder ned, eller de ender med en rekke forskjellige bildestørrelser for å prøve å imøtekomme forskjellige skjermer, som er rent kaos. Enten virkeligheten er ikke god nok fra designers perspektiv.
Nå er det et billedbedriftsfirma som synes å lytte til disse designernes frustrasjoner.
Nylig debuterte en intelligent responsiv bilde breakpoints løsning som går rett til hjertet av problemene designere har opplevd når de forsøker å finne ut de riktige bildedimensjonene for deres responsive site designs.
I stedet for at designere fortsetter å enten utforme bilder som er for store eller for mange, vil de nå kunne stole på teknologi som hjelper dem med å automatisk finne de optimale bildedimensjonene som kreves for den beste visningsopplevelsen på både mobil- og webapps i en rekke skjermstørrelser. Responsive Image Breakpoints Generator er et open-source verktøy lar designere interaktivt studere sine bilder og skape responsive bildebruddspunkter.
Slik fungerer det: designere kan raskt og enkelt generere de best matchte brytpunktene for hvert bilde de laster opp til verktøyet, basert på deres angitte grenseverdier. Retina-skjermtilpasninger og flere tilpasningsforhold for aspektforhold gir designere ekstra rom for å tilpasse bildene sine.
Verktøyet oppfordrer designere til å bestemme bildebreddsverdier som seriøst reduserer filstørrelser, noe som alltid er velkommen for å sikre at nettsteder ikke mister sin hastighet. Selskapets algoritmer tolker bildene for alltid å finne de beste breakpoints. Dette gir designere friheten til å komme opp med moderne bilde, samt img, HTML5-elementer basert på de beregnede bruddpunktene.
Denne friheten innebærer at designere har responsive bilde breakpoint generasjonsevner gjennom en API, noe som gjør det enkelt for dem å umiddelbart lage breakpoints for hvert populært bildeformat: JPG, GIF, WebP og PNG. Disse kan opprettes enten i sitt opprinnelige format eller et nytt format som er bestemt i bildetransformasjonsinnstillinger.
Takket være dette verktøyet har designere nå lyst til å ikke stole på sine beste gjetninger når det gjelder å få deres bildestørrelser riktig for deres responsive design-nettsteder.