Tasarımcıların ve geliştiricilerin bugün karşı karşıya kaldıkları en büyük fikirlerden biri, duyarlı tasarımla çalışıyor. Bu tasarım stili, her yerdeki kullanıcılar için bir nimet olsa da, içeriğin tüm cihazlarda düzgün bir şekilde görüntülendiğini görmesini sağlayarak, bunun için bir baş ağrısı olabilir.
Bu özellikle, görüntülerin duyarlı tasarım modeline nasıl sığdırıldığını (veya yapılmadığını) düşündüğü zaman geçerlidir. Tasarımcıların iyi bildiği gibi, iki şeyden biri genellikle duyarlı tasarımda görüntülerle çalışırken ortaya çıkar. Ya görüntüler son derece büyük ve çok yavaş olan siteler olarak ortaya çıkıyor ya da farklı ekran boyutlarını denemek ve saf kaosu olan farklı görüntü boyutlarıyla sonuçlanıyor. Ya gerçeklik, tasarımcılar açısından yeterince iyi değildir.
Şimdi, bu tasarımcıların hayal kırıklıklarını dinleyen bir görüntü servis şirketi var.
Kısa bir süre önce, akıllı yanıt veren bir görüntü kesme noktası çözümü başlatıldı; bu, tasarımcıların, duyarlı site tasarımları için doğru görüntü boyutlarını bulmaya çalışırken karşılaştığı sorunların kalbine doğru gidiyor.
Tasarımcılar, çok büyük veya çok fazla olan resimleri tasarlamaya devam etmek yerine, artık hem mobil hem de web uygulamalarında en iyi görüntüleme deneyimi için gereken en uygun resim boyutlarını otomatik olarak bulma konusunda yardımcı olan teknolojiye güvenebilecektir. ekran boyutları aralığı. Duyarlı Görüntü Kesme Noktaları Jeneratörü Açık kaynak kodlu bir araç, tasarımcıların görüntülerini etkileşimli olarak incelemelerine ve duyarlı görüntü kesme noktaları oluşturmasına olanak tanır.
İşte nasıl çalışır: tasarımcılar, kendi eşikleri bazında, araca yükledikleri her görüntü için en uygun eşleşme noktalarını hızla ve kolayca oluşturabilirler. Retina ekran özelleştirmeleri ve çoklu en boy oranı uyarlamaları tasarımcılara görüntülerini özelleştirmek için ek oda verir.
Araç, tasarımcıların dosya boyutlarını ciddi ölçüde azaltan görüntü genişliği değerlerini belirlemeye teşvik eder, bu da sitelerin hızlarını kaybetmemesini sağlamak için her zaman memnuniyetle karşılanır. Şirketin algoritmaları, görüntüleri her zaman en iyi kırılma noktalarını bulmak için yorumlar. Bu, tasarımcılara çağdaş resimle gelme özgürlüğünün yanı sıra hesaplanan sınır değerlere dayanan img, HTML5 öğelerini de verir.
Bu özgürlük, tasarımcıların bir API aracılığıyla duyarlı görüntü kesme noktası oluşturma yeteneklerine sahip oldukları anlamına gelir; bu da, her popüler görüntü formatı için anında kesme noktaları oluşturmasını kolaylaştırır: JPG, GIF, WebP ve PNG. Bunlar orijinal biçiminde veya görüntü dönüştürme ayarlarında belirlenen yeni bir biçimde oluşturulabilir.
Bu araç sayesinde, tasarımcılar artık görüntü boyutlarını duyarlı tasarım sitelerine uygun hale getirme konusunda en iyi tahminlerine dayanmak zorunda kalmama lüksüne sahipler.