Missed the action at this year's Chrome Dev Summit? Catch up with our playlist on YouTube. Watch now.

Resimler

Bir resim 1000 kelimeye bedeldir ve resimler, her sayfanin ayrilmaz bir parçasidir. Ayni zamanda indirilen baytlarin çogunlugundan genellikle bunlar sorumludur. Duyarli web tasarimiyla cihaz özelliklerine dayali olarak yalnizca yer paylasimlarimiz degil, ayni zamanda resimler de degisebiliyor.

Duyarli resimler

Duyarli web tasarimi, cihaz özelliklerine dayali olarak yalnizca yer paylasimlarimizin degil, ayni zamanda içerigin de degisebilecegi anlamina gelir. Örnegin, yüksek çözünürlüklü (2x) ekranlarda netligin saglanmasi için yüksek çözünürlüklü grafiklerin kullanilmasi gerekir. %50 genislikteki bir resim, tarayici 800 piksel genisliginde oldugunda iyi çalisabilir, ancak dar bir telefonda çok fazla alan kullanir ve küçük ekrana sigdirilmasi için ölçeklendiginde ayni bant genisligi ek yüküyle gelir.

Sanat yönetimi

Sanat yönetimi örnegi

Resmin önemli ölçüde degistirilmesinin gerekebilecegi diger zamanlar sunlardir: Oranlarin degismesi, resmin kirpilmasi ve tüm resmin degistirilmesi. Bu durumda, resmin degistirilmesine genellikle sanat yönetimi adi verilir. Daha fazla örnek için responsiveimages.org/demos/ adresine bakin.

Responsive Images

Did you know that images account for more than 60% of the bytes on average needed to load a web page?

In this course you will learn how to work with images on the modern web, so that your images look great and load quickly on any device.

Along the way, you will pick up a range of skills and techniques to smoothly integrate responsive images into your development workflow. By the end of the course, you will be developing with images that adapt and respond to different viewport sizes and usage scenarios.

This is a free course offered through Udacity

Take Course