Jednym z największych problemów, z jakimi stykają się dziś projektanci i programiści, jest praca z responsywnym wzornictwem. Chociaż ten styl projektowania jest dobrodziejstwem dla użytkowników na całym świecie - zapewnienie, że widzą oni treść wyświetlaną poprawnie na wszystkich urządzeniach - projektowanie może być trochę bolesne.
Dotyczy to w szczególności sytuacji, w których obrazy pasują (lub nie) do modelu responsywnego. Jak dobrze wiedzą projektanci, jedna z dwóch rzeczy zwykle ma miejsce, gdy pracują z obrazami w responsywnym designie. Albo obrazy kończą się super-dużymi i tak powolnymi stronami, albo kończą się mnogością różnych rozmiarów obrazu, aby spróbować pomieścić różne ekrany, co jest czystym chaosem. Albo rzeczywistość nie jest wystarczająco dobra z punktu widzenia projektantów.
Obecnie istnieje firma zajmująca się usługami wizerunkowymi, która wydaje się słuchać frustracji tych projektantów.
Niedawno zadebiutowało inteligentne rozwiązanie z przełomowym obrazem reakcji reagowania, które trafia w sedno problemów, z jakimi mieli do czynienia projektanci, próbując ustalić poprawne wymiary obrazu dla projektów responsywnych.
Zamiast projektować obrazy, które są zbyt duże lub zbyt duże, będą teraz mogły polegać na technologii, która pomaga im w automatycznym lokalizowaniu optymalnych wymiarów obrazu wymaganych do najlepszego oglądania w aplikacjach mobilnych i internetowych. zakres rozmiarów ekranu. Responsive Image Breakpoints Generator to narzędzie o otwartym kodzie źródłowym pozwalające projektantom interaktywnie badać ich obrazy i tworzyć responsywne punkty przerwania obrazu.
Oto, jak to działa: projektanci mogą szybko i łatwo wygenerować najlepiej dopasowane punkty przerwania dla każdego obrazu, który przesyłają do narzędzia, w oparciu o podane progi. Dostosowywanie wyświetlania Retina i wiele dostosowań proporcji zapewnia projektantom dodatkowe miejsce do personalizacji zdjęć.
Narzędzie zachęca projektantów do określenia wartości szerokości obrazu, które poważnie zmniejszają rozmiary plików, co jest zawsze mile widziane, aby zapewnić, że witryny nie tracą swojej szybkości. Algorytmy firmy interpretują obrazy, aby zawsze lokalizowały najlepsze punkty przerwania. Daje to projektantom swobodę tworzenia współczesnego obrazu, a także img, elementów HTML5 opartych na obliczonych punktach przerwania.
Ta swoboda oznacza, że projektanci mają zdolność generowania punktów przerwania reagowania za pomocą interfejsu API, co umożliwia im natychmiastowe tworzenie punktów przerwania dla każdego popularnego formatu obrazu: JPG, GIF, WebP i PNG. Można je utworzyć w oryginalnym formacie lub w nowym formacie określonym w ustawieniach transformacji obrazu.
Dzięki temu narzędziu projektanci mają teraz luksus nie polegania na swoich domysłach, jeśli chodzi o uzyskanie odpowiedniego rozmiaru obrazu dla witryn odpowiadających za projektowanie.