Merhaba,
içerikte üç sütunlu bir öğe oluşturdum. İlk sütuna bir resim yerleştirip sayfayı yeniden boyutlandırdığımda, bir noktada resim sıkışıyor. Bu bir hata mı yoksa yanlış bir şey mi yapıyorum ve kendim düzeltebilir miyim?
Teşekkürler.
içerikte üç sütunlu bir öğe oluşturdum. İlk sütuna bir resim yerleştirip sayfayı yeniden boyutlandırdığımda, bir noktada resim sıkışıyor. Bu bir hata mı yoksa yanlış bir şey mi yapıyorum ve kendim düzeltebilir miyim?
Teşekkürler.
T
10 yıl önce
·
#2142Merhaba,
bunun normal olmadığını düşünüyorum çünkü sütunlar ekran boyutuna göre yeniden boyutlandırılıyor. Genellikle duyarlı şablonlarda, tüm görselleri duyarlı hale getirmek için maksimum genişlik: %100 özelliği uygulanır. Bu özellik yoksa, görsellerin sabit bir boyutu vardır ve küçük ekranlarda çalışmaz.
Ekteki dosyaya bakın, genellikle 3 sütunda neler olur?
Saygılar,
bunun normal olmadığını düşünüyorum çünkü sütunlar ekran boyutuna göre yeniden boyutlandırılıyor. Genellikle duyarlı şablonlarda, tüm görselleri duyarlı hale getirmek için maksimum genişlik: %100 özelliği uygulanır. Bu özellik yoksa, görsellerin sabit bir boyutu vardır ve küçük ekranlarda çalışmaz.
Ekteki dosyaya bakın, genellikle 3 sütunda neler olur?
Saygılar,
TO'nun sorunundan uzun zaman geçmesine rağmen aynı sorun bende de olduğu için bunu zorlamak zorundayım. Ve bu davranışın nedenini buldum: Resimleri yeniden boyutlandırdığınızda ve resim özelliği iletişim kutusundaki (yoksa resim özelliği mi deniyor? İngilizce sürümünü kullanmıyorum) resmin herhangi bir parametresini değiştirdiğinizde oluyor.
Bir örnek: Makaleme bir resim koydum ve fareyle 400x300 piksele sürükleyerek yeniden boyutlandırdım. Kaynak kodunda
width="400" hight="300" var.
Şimdi resim özelliği iletişim kutusunu başlatmak için resme çift tıklayın ve Tamam'a tıklayın. Şimdi kaynak kodu
img style="width:400px; hight:300px;"
. Bu, HTML'ye boyut parametresini koymanın başka bir yoludur ancak style="... yolu, tarayıcı penceresini yeniden boyutlandırırken resimlerin nedense sıkışmasına neden oluyor.
Kodlamayı değiştirmenin bir yolu var mı?
Bir örnek: Makaleme bir resim koydum ve fareyle 400x300 piksele sürükleyerek yeniden boyutlandırdım. Kaynak kodunda
width="400" hight="300" var.
Şimdi resim özelliği iletişim kutusunu başlatmak için resme çift tıklayın ve Tamam'a tıklayın. Şimdi kaynak kodu
img style="width:400px; hight:300px;"
. Bu, HTML'ye boyut parametresini koymanın başka bir yoludur ancak style="... yolu, tarayıcı penceresini yeniden boyutlandırırken resimlerin nedense sıkışmasına neden oluyor.
Kodlamayı değiştirmenin bir yolu var mı?
T
9 yıl önce
·
#3684Merhaba,
geri bildiriminiz için teşekkürler. Bana söylediğiniz görüntü ayarlarının ekran görüntüsünü buraya gönderebilir misiniz?
Bu arada, içeriğinizdeki görselleri yeniden boyutlandırmak için tutamaç kullanmayın; doğal olmayan bir boyutta görüntülenen görseller, hem ağır olma hem de yanlış görüntü kalitesi gibi iki avantaja sahip olur. Ayrıca duyarlı kısımda da sorunlara yol açabilir. Saygılarımla
,
geri bildiriminiz için teşekkürler. Bana söylediğiniz görüntü ayarlarının ekran görüntüsünü buraya gönderebilir misiniz?
Bu arada, içeriğinizdeki görselleri yeniden boyutlandırmak için tutamaç kullanmayın; doğal olmayan bir boyutta görüntülenen görseller, hem ağır olma hem de yanlış görüntü kalitesi gibi iki avantaja sahip olur. Ayrıca duyarlı kısımda da sorunlara yol açabilir. Saygılarımla
,
Cevap için teşekkürler Tristan, elbette birkaç ekran görüntüsü alabilirim.
Orijinal boyutu 800x535 piksel olan bir resimle basit bir örnek yaptım.
1. Doğrudan drop editor'daki tutamaçları kullanarak yeniden boyutlandırdım (bu arada, orantılı kaldığınız sürece bu şekilde yapmakta bir sakınca yok). Küçültülmüş tarayıcı penceresinde kilitleyin, resim doğru oranda ve tamamen duyarlı. [resized_in_dropedit_by_handles.png]
2. Ardından özellikler iletişim kutusunu açmak için resme çift tıkladım, hiçbir şeyi değiştirmedim - sadece 'Tamam'a tıkladım. Gördüğünüz gibi kaynak kodu değişti ve aynı küçültülmüş tarayıcı penceresindeki aynı resim sıkıştırılmış ve artık duyarlı değil. [resized_by_properties-dialog.png]
Umarım bu, sorunu daha açık hale getirir ve DropEditor daha iyi hale getirmeye yardımcı olur (Bence DE en akıllı Joomla Editörüdür).
Bu arada. Bu da ayrı bir konu, ancak resimlerin özellikler iletişim kutusuna bir resim sınıfı alanı eklemek mümkün müdür? Bu, sınıf değişikliklerini biraz daha rahat hale getirir.
Saygılarımla, Frank
Orijinal boyutu 800x535 piksel olan bir resimle basit bir örnek yaptım.
1. Doğrudan drop editor'daki tutamaçları kullanarak yeniden boyutlandırdım (bu arada, orantılı kaldığınız sürece bu şekilde yapmakta bir sakınca yok). Küçültülmüş tarayıcı penceresinde kilitleyin, resim doğru oranda ve tamamen duyarlı. [resized_in_dropedit_by_handles.png]
2. Ardından özellikler iletişim kutusunu açmak için resme çift tıkladım, hiçbir şeyi değiştirmedim - sadece 'Tamam'a tıkladım. Gördüğünüz gibi kaynak kodu değişti ve aynı küçültülmüş tarayıcı penceresindeki aynı resim sıkıştırılmış ve artık duyarlı değil. [resized_by_properties-dialog.png]
Umarım bu, sorunu daha açık hale getirir ve DropEditor daha iyi hale getirmeye yardımcı olur (Bence DE en akıllı Joomla Editörüdür).
Bu arada. Bu da ayrı bir konu, ancak resimlerin özellikler iletişim kutusuna bir resim sınıfı alanı eklemek mümkün müdür? Bu, sınıf değişikliklerini biraz daha rahat hale getirir.
Saygılarımla, Frank
T
9 yıl önce
·
#3698Merhaba,
tamam, sanırım anladım. Bu sorun, düzenleyicide bulunan eski resim düzenleme aracından (yalnızca resim düğmesi özelliği) kaynaklanıyor. Sorunu anında
gerçek küçük resimler oluşturarak çözecek Droppics güncellemesi üzerinde çalışıyoruz
Resimlerin doğal boyutuyla ilgili ilk husus, sorunu değiştirmez, sadece bir tavsiye. Web sitenizi yavaşlatır ve tüm SEO aracı analizleri tarafından bir hata olarak algılanır. Chrome'da tutamaç aracı düzenleyiciden kaldırıldı.
Saygılar,
tamam, sanırım anladım. Bu sorun, düzenleyicide bulunan eski resim düzenleme aracından (yalnızca resim düğmesi özelliği) kaynaklanıyor. Sorunu anında
gerçek küçük resimler oluşturarak çözecek Droppics güncellemesi üzerinde çalışıyoruz
Resimlerin doğal boyutuyla ilgili ilk husus, sorunu değiştirmez, sadece bir tavsiye. Web sitenizi yavaşlatır ve tüm SEO aracı analizleri tarafından bir hata olarak algılanır. Chrome'da tutamaç aracı düzenleyiciden kaldırıldı.
Saygılar,
Tamam, bu harika bir güncelleme olurdu.
droppics ile özel boyutlu bir kopya oluşturarak manuel olarak yapardım . Otomatik olarak oluşturulan bir küçük resim daha rahat olurdu - çok memnuniyetle karşılanırdı. Bununla ilgili sorunum, makalelere maksimum boyutlarıyla yerleştirilen görsellerin yüksek çözünürlüklü ekranlarda biraz bulanık görünmesi. Örneğin, bir makaleye yerleştirilen 400x300 piksellik bir görsel, 72 dpi çözünürlükteki ofis monitörümde iyi görünürken, <200 dpi çözünürlüğe sahip bir tablette keskin görünmüyor (tarayıcının yeniden boyutlandırılmasından kaynaklanıyor). Fiziksel boyutları 600x448 piksel olan ve 400x300 piksele yeniden boyutlandırılan bir görsel, Yüksek Çözünürlüklü ekranlarda çok daha keskin görünüyor. Dosya boyutları biraz daha büyük - evet, ama o kadar da değil... Yüksek Çözünürlüklü ekranlarda görselleri keskin göstermenin başka bir yolunu bilmiyorum.
Saygılarımla, Frank
droppics ile özel boyutlu bir kopya oluşturarak manuel olarak yapardım . Otomatik olarak oluşturulan bir küçük resim daha rahat olurdu - çok memnuniyetle karşılanırdı. Bununla ilgili sorunum, makalelere maksimum boyutlarıyla yerleştirilen görsellerin yüksek çözünürlüklü ekranlarda biraz bulanık görünmesi. Örneğin, bir makaleye yerleştirilen 400x300 piksellik bir görsel, 72 dpi çözünürlükteki ofis monitörümde iyi görünürken, <200 dpi çözünürlüğe sahip bir tablette keskin görünmüyor (tarayıcının yeniden boyutlandırılmasından kaynaklanıyor). Fiziksel boyutları 600x448 piksel olan ve 400x300 piksele yeniden boyutlandırılan bir görsel, Yüksek Çözünürlüklü ekranlarda çok daha keskin görünüyor. Dosya boyutları biraz daha büyük - evet, ama o kadar da değil... Yüksek Çözünürlüklü ekranlarda görselleri keskin göstermenin başka bir yolunu bilmiyorum.
Saygılarımla, Frank
Tamam, bu harika bir güncelleme olurdu.
droppics ile özel boyutlu bir kopya oluşturarak manuel olarak yapardım . Otomatik olarak oluşturulan bir küçük resim daha rahat olurdu - çok memnuniyetle karşılanırdı. Bununla ilgili sorunum, makalelere maksimum boyutlarıyla yerleştirilen görsellerin yüksek çözünürlüklü ekranlarda biraz bulanık görünmesi. Örneğin, bir makaleye yerleştirilen 400x300 piksellik bir görsel, 72 dpi'lik ofis monitörümde iyi görünürken, 200 dpi'lik bir tablette keskin görünmüyor (tarayıcının yeniden boyutlandırılmasından kaynaklanıyor). Fiziksel boyutları 600x448 piksel olan ve 400x300 piksele yeniden boyutlandırılan bir görsel, Yüksek Çözünürlüklü ekranlarda çok daha keskin görünüyor. Dosya boyutları biraz daha büyük - evet, ama o kadar da değil... Yüksek Çözünürlüklü ekranlarda görsellerin keskin görünmesini sağlamanın başka bir yolunu bilmiyorum.
Saygılarımla, Frank
Not: Tekrar paylaştığım için özür dilerim, sistem ok simgesi kullandığım için metnimi kesti. Sonraki mesajlarımda daha dikkatli olacağım.
droppics ile özel boyutlu bir kopya oluşturarak manuel olarak yapardım . Otomatik olarak oluşturulan bir küçük resim daha rahat olurdu - çok memnuniyetle karşılanırdı. Bununla ilgili sorunum, makalelere maksimum boyutlarıyla yerleştirilen görsellerin yüksek çözünürlüklü ekranlarda biraz bulanık görünmesi. Örneğin, bir makaleye yerleştirilen 400x300 piksellik bir görsel, 72 dpi'lik ofis monitörümde iyi görünürken, 200 dpi'lik bir tablette keskin görünmüyor (tarayıcının yeniden boyutlandırılmasından kaynaklanıyor). Fiziksel boyutları 600x448 piksel olan ve 400x300 piksele yeniden boyutlandırılan bir görsel, Yüksek Çözünürlüklü ekranlarda çok daha keskin görünüyor. Dosya boyutları biraz daha büyük - evet, ama o kadar da değil... Yüksek Çözünürlüklü ekranlarda görsellerin keskin görünmesini sağlamanın başka bir yolunu bilmiyorum.
Saygılarımla, Frank
Not: Tekrar paylaştığım için özür dilerim, sistem ok simgesi kullandığım için metnimi kesti. Sonraki mesajlarımda daha dikkatli olacağım.
- Sayfa :
- 1
Bu yazıya henüz yanıt verilmedi.
Bir cevap göndermek için lütfen giriş yapın
Cevap yazabilmek için giriş yapmanız gerekecek. Sağdaki formu kullanarak giriş yapın veya burada yeniyseniz bir hesap açın. Buradan Kaydolun »
