Penjejak Image Breakpoints Generator - Alat Sumber Terbuka - Bagaimana Untuk

Penjejak Image Breakpoints Generator - Alat Sumber Terbuka

Mudah menjana dimensi imej responsif yang optimum

Satu imej untuk semua resolusi skrin dan peranti yang berbeza tidak mencukupi. Satu imej setiap piksel terlalu banyak - jadi bagaimana seseorang boleh memilih saiz imej yang responsif secara optimum secara automatik?

Laman web responsif, walaupun yang paling moden, sering berjuang dengan memilih resolusi imej yang paling sesuai dengan pelbagai peranti pengguna. Mereka berkompromi sama ada dimensi imej atau bilangan imej.Sudah tiba masanya untuk menyelesaikan isu-isu ini dan mula mengira titik putus-putus imej lebih banyak secara matematik, dan bukannya sembarangan.

Reka bentuk web responsif memerlukan pemaju untuk menentukan dimensi imej yang paling sesuai dengan laman web mereka. Alat penjana titik putus ini membantu pemaju secara automatik mencari saiz imej yang optimum yang diperlukan untuk pengalaman tontonan terbaik dalam aplikasi web dan mudah alih pada pelbagai saiz skrin.

Penyelesaian imej responsif yang biasa cenderung menghasilkan imej berdasarkan set nilai lebar imej yang tetap, tidak mengendahkan simpanan sebenar dalam bait saiz fail. Untuk menyelesaikan masalah ini, alat penjana breakpoint menggunakan algoritma canggih Awan untuk menghasilkan rentak terbaik yang sesuai untuk setiap imej yang dimuat naik.

Konsep algoritma adalah untuk mencari nilai lebar imej yang menawarkan pengurangan yang signifikan dalam saiz fail. Imej dianalisis untuk mencari titik putus yang terbaik pada imej berdasarkan imej, daripada membuat semua resolusi imej yang mungkin, dan membolehkan pemaju mudah membuat elemen HTML5 'gambar' dan 'img' berdasarkan titik putus yang dihitung.

Baca lebih lanjut mengenai Majalah Smashing:
https://www.smashingmagazine.com/2016/01/responsive-image-breakpoints-generation/