Responsive tekniğinde resimler

Günümüzde laptoplardan cep telefonlarına kadar çok farklı cihazlardan web sitelerine girilmektedir. Birbirlerinden çok farklı ölçülerde olan cihazlarda, web sitesinin doğru bir şekilde gösterilmesini responsive tekniği sağlamaktadır. Bu teknik web siteleri için artık bir standart haline gelmiştir.

Responsive tekniği siteye giren cihazın ölçülerini almakta ve bu ölçülere göre site stil yapısını değiştirmektedir. 320 px genişliğindeki bir cep telefonunda farklı, 1920 px genişliğindeki masaüstü ekranda farklı stil komutlarını kullanarak bunu yapmaktadır.

Sitenin genel görünümü olduğu kadar resimlerde de değişiklik yapmak gerekmektedir.

Resmin tamamı görünmüyor?

Müşterilerimizden sıkça aldığımız sorulardan biri resmin tamamının görünmemesidir.

Yüksekliği sabit olan veya full ekran olan alanlarda resim, girilen cihazın ölçülerine göre otomatik olarak ölçeklendirilmektedir.

Aşağıda (solda) göreceğiniz gibi resim, siteye giren cihazın ebatlarına göre ölçeklendirilmektedir. Örneğin dar bir cihazda sağ ve solda görünmeyen alanlar kalmaktadır. Bu, resmin doğru gösterilmesi için bir zorunluluktur.

Bu tekniği kullanmamamız durumunda (aşağıda sağdaki gibi) resim doğru gösterilmeyecek, bozulacaktır.

responsive resim01

  • Blog

    Web'de Yenilikler, güncellemeler, değişiklikler ve çeşitli bilgileri bulabileceğimiz sayfalarımız.

  • Destek Sayfaları

    Bizden aldığınız hizmetlerde karşılaşabileceğiniz sorunlar veya gereksinim duyabileceğiniz diğer...

  • Profesyonel Web Sitesi Fiyatı

    Kurumsal firmalar için hazırlanmış, cep telefonları ve tabletlerde de çalışan profesyonel bir...