Een van de grootste klachten van ontwerpers en ontwikkelaars is werken met responsief ontwerp. Hoewel deze ontwerpstijl gebruikers overal ter wereld een zegen is en ervoor zorgt dat ze de inhoud op alle apparaten op de juiste manier zien worden weergegeven, kan het ontwerpen van een ontwerp een beetje een hoofdpijn zijn.
Dit is met name het geval wanneer wordt bekeken hoe afbeeldingen passen (of niet) in het model met responsief design. Zoals ontwerpers wel weten, gebeurt er meestal een van twee dingen wanneer ze met afbeeldingen werken in een responsief ontwerp. Ofwel de afbeeldingen worden uiteindelijk supergroot en dus trage sites neergezet, of ze eindigen met een veelheid van verschillende afbeeldingsformaten om te proberen en geschikt voor verschillende schermen, wat pure chaos is. Ofwel de realiteit is niet goed genoeg vanuit het perspectief van ontwerpers.
Nu is er een beeldservicebedrijf dat lijkt te luisteren naar de frustraties van deze ontwerpers.
Onlangs debuteerde een intelligente responsive-image breakpoints-oplossing, die perfect past bij de problemen die ontwerpers hebben ondervonden bij het proberen de juiste afbeeldingsdimensies te vinden voor hun responsive-site-ontwerpen.
In plaats van ontwerpers die afbeeldingen blijven ontwerpen die te groot of te veel zijn, kunnen ze nu vertrouwen op technologie die hen helpt bij het automatisch vinden van de optimale afbeeldingsafmetingen die nodig zijn voor de beste kijkervaring op zowel mobiele als web-apps in een bereik van schermformaten. Responsive Image Breakpoints Generator is een open-source tool waarmee ontwerpers hun afbeeldingen interactief kunnen bestuderen en responsieve beeldbreekpunten kunnen creëren.
Zo werkt het: ontwerpers kunnen snel en eenvoudig de best passende onderbrekingspunten genereren voor elke afbeelding die ze naar de tool uploaden, op basis van hun opgegeven drempels. Retina-displayaanpassingen en meerdere beeldverhoudingaanpassingen geven ontwerpers extra ruimte om hun afbeeldingen aan te passen.
De tool moedigt ontwerpers aan om beeldbreedtewaarden te bepalen die de bestandsgrootte aanzienlijk verkleinen, wat altijd welkom is om ervoor te zorgen dat sites hun snelheid niet verliezen. De algoritmen van het bedrijf interpreteren de afbeeldingen om altijd de beste breekpunten te vinden. Dit geeft ontwerpers de vrijheid om met hedendaagse afbeeldingen te komen, evenals img, HTML5-elementen op basis van de berekende breekpunten.
Deze vrijheid betekent dat ontwerpers beschikken over de reactievermogen-breekpuntgeneratie-mogelijkheden via een API, die het voor hen gemakkelijk maakt om onmiddellijk breekpunten te maken voor elk populair beeldformaat: JPG, GIF, WebP en PNG. Deze kunnen worden gemaakt in de oorspronkelijke indeling of in een nieuw formaat dat wordt bepaald in de instellingen voor beeldtransformatie.
Dankzij deze tool hebben ontwerpers nu de luxe dat ze niet hoeven te vertrouwen op hun beste gok als het erom gaat hun beeldformaten goed te krijgen voor hun responsive-design sites.