İçindekiler:
- Responsive image ne demek?
- Srcset nedir?
- HTML Srcset nedir?
- SRC set nedir?
Responsive image ne demek?
Responsive web tasarım ekran boyutuna göre CSS ile HTML elemanlarının yeniden boyutlandırılması, gizlenmesi, küçültülüp, büyütülmesi veya başka bir alana taşınmasıdır.
Srcset nedir?
srcset yardımı ile tarayıcıya görsellerin genişliklerini bildirebiliriz. w değeri, her resmin genişiliğini piksel cinsinden gösterir. Örneğin small.jpg 500w tarayıcıya small.jpg'nin 500 piksel genişliğinde olduğunu söyler. Bu sayede tarayıcının ekran genişliğine göre mümkün olan en küçük resmi seçmesine yardımcı olur.
HTML Srcset nedir?
Resimleri farklı breakpoint'lere göre birden çok kaydedin ve tarayıcının en uygun olanı seçmesini sağlamak için `
srcset` özelliğini kullanın.
srcset'in içinde `w` değeri, tarayıcıya her resmin genişliğini söyler.
SRC set nedir?
srcset yardımı ile tarayıcıya görsellerin genişliklerini bildirebiliriz. w değeri, her resmin genişiliğini piksel cinsinden gösterir. Örneğin small.jpg 500w tarayıcıya small.jpg'nin 500 piksel genişliğinde olduğunu söyler. Bu sayede tarayıcının ekran genişliğine göre mümkün olan en küçük resmi seçmesine yardımcı olur.