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

  • Web Site Fiyatları

    Web sitesi yaptırırken en önemli adım beklentilerinize uygun kodlamaya karar vermektir. Temelde...

  • Web Site Örnekleri

    Aşağıda web site tasarım ve/veya uygulama çalışma örneklerimizi bulabilirsiniz. Uygulaması yapılan web...

  • Web Site Tasarımı

    Profesyonel olarak hazırlanmış web siteleri hedef kitleye ulaşabilmenin en hızlı, en yaygın, en...