Uma das maiores queixas que designers e desenvolvedores enfrentam hoje é trabalhar com design responsivo. Embora esse estilo de design seja uma vantagem para os usuários em todos os lugares, garantindo que eles visualizem o conteúdo corretamente em todos os dispositivos, projetar para ele pode ser um pouco doloroso.
Esse é particularmente o caso quando se considera como as imagens se encaixam (ou não) no modelo de design responsivo. Como os designers sabem, uma das duas coisas geralmente acontece quando eles trabalham com imagens em design responsivo. Ou as imagens acabam sendo sites super-grandes e lentos, ou eles acabam com uma infinidade de diferentes tamanhos de imagem para tentar acomodar diferentes telas, o que é puro caos. Ou a realidade não é boa o suficiente do ponto de vista dos designers.
Agora, há uma empresa de serviços de imagem que parece estar ouvindo as frustrações desses designers.
Recentemente, foi lançada uma solução inteligente de breakpoints de imagem responsiva, que vai direto ao coração dos problemas que os designers experimentaram ao tentar descobrir as dimensões corretas da imagem para seus designs de site responsivo.
Em vez de os designers continuarem a projetar imagens que são muito grandes ou muito numerosas, elas poderão contar com a tecnologia que as ajudará a localizar automaticamente as dimensões ideais de imagem necessárias para a melhor experiência de visualização em aplicativos móveis e da web. gama de tamanhos de tela. Gerador de pontos de interrupção de imagem responsivo é uma ferramenta de código aberto que permite aos designers estudar interativamente suas imagens e criar pontos de interrupção de imagem responsivos.
Veja como isso funciona: os designers podem gerar rápida e simplesmente os pontos de interrupção mais bem-sucedidos para cada imagem que eles carregarem na ferramenta, com base nos limites fornecidos. As personalizações de exibição da Retina e várias adaptações de proporção dão aos designers espaço adicional para personalizar suas imagens.
A ferramenta incentiva os designers a determinar os valores de largura de imagem que diminuem seriamente o tamanho dos arquivos, o que é sempre bem-vindo para garantir que os sites não percam sua velocidade. Os algoritmos da empresa interpretam as imagens para localizar sempre os melhores pontos de interrupção. Isso dá aos designers a liberdade de criar imagens contemporâneas , bem como img, elementos HTML5 baseados nos pontos de interrupção calculados.
Essa liberdade significa que os designers têm as habilidades de geração de ponto de interrupção de imagem responsiva por meio de uma API, o que facilita a criação instantânea de pontos de interrupção para todos os formatos populares de imagem: JPG, GIF, WebP e PNG. Eles podem ser criados em seu formato original ou em um novo formato determinado nas configurações de transformação de imagem.
Graças a essa ferramenta, os designers agora têm o luxo de não ter que confiar em suas melhores estimativas quando se trata de obter o tamanho de suas imagens para os sites de design responsivo.