2015-03-04 33 views
5

Windows makinemde görüntü özelliklerini (aşağıya bakın) görüntülediğimde, açıkça width:144 ve height:256 diyor. Ancak tarayıcıda görüntülendiğinde, boyutlar çevrilir. http://jsfiddle.net/pLyg7ug9/2/Çevrilen resim - sadece tarayıcıda

Doğrudan bağlantı (o krom doğru yükler fark): http://pro-cuts.herokuapp.com/images/slideshow/thumb/8_flipped.jpg

ne genişlik ve yükseklik çevirmek için tarayıcı neden olur bunun

Örnek tarayıcıda çevrilmiş?

cevap

3

Bunun nedeni JPEG Döndürme ve EXIF ​​Yönlendirmesidir. Temel olarak kameranızın, nasıl aldığınıza bağlı olarak görüntüyü döndüren bir sensörü vardır. Yönlendirmeleri kilitli olan telefonların bu sorunları olacaktır. bilgi için

JPEG Exif Data

+1

sayesinde varlığından hiçbir fikrim yoktu. Tarayıcının yüksekliğini/genişliğini onurlandırması için bunun css tarafından çözülebileceğini biliyor musunuz? –

+1

Bunun var olduğunu görüyorum, ama ne yazık ki sadece firefox içinde http://caniuse.com/#feat=css-image-orientation –

+1

@JustinBicknell Tarayıcıya bağlı olarak dönüşü değiştirmek için bir sürü çeke sahip olabilirsiniz. Ama en iyi bahisten, sorunun başladığı yeri düzeltmek, imgenin kendisi. Bir görüntü düzenleme programında açabilir, gerekirse döndürebilir ve yeniden kaydedebilirsiniz. Ya da resimleri doğru döndürme ile çekin (resmi çekerken döndürmeyi etkinleştirin). –