Cloudbeds Websites'te Görselleri ve Medyayı Yönetme

Gabriela Garcia

Güncellenme 30 Eylül 2026 10:00

Amacı	Cloudbeds Web Sitesi için görselleri ve diğer medyaları yüklemek, düzenlemek, yeniden kullanmak ve optimize etmek.
En uygun olan	Web sitesi medyasını yöneten veya Cloudbeds Web Sitesi için görseller hazırlayan Yönetici/Genel Müdür ve Yönetici kullanıcılar.
Ne zaman kullanılır	Yeniden kullanılabilir web sitesi medyası eklemen veya düzenlemen, görsel boyutlarını veya formatlarını seçmen ya da görsel performansını iyileştirmen gerektiğinde.
Gereksinimler	Bir Cloudbeds Web Sitesi ve onun Cloudbeds Websites Editor’üne erişim.
Beklenen sonuç	Medyan Media Manager’da düzenlenmiş olur ve editörde yeniden kullanıma hazırdır; görseller amaçlanan kullanıma uygun boyut ve formatta olur.

Giriş

Media Manager’ı Cloudbeds Websites’te, web sitesi medyasını tek bir merkezi kütüphaneden yüklemek, düzenlemek ve yeniden kullanmak için kullan. Media Manager, görselleri, simgeleri, videoları, sesleri ve dosyaları destekler. Bu makale ayrıca, dosyaların sayfa performansını gereksiz yere etkilemeden iyi görüntülenmesini sağlamak için görsel özellikleri ve optimizasyon rehberini sunar.

Yeniden kullanılabilir medya kütüphaneni oluşturman veya düzenlemen gerektiğinde Media Manager’ı kullan. Bir sayfayı düzenlerken mevcut bir varlığı yerleştirmek istediğinde, Cloudbeds Websites Editor’de Ekle > Medya seçeneğini kullan.

Otel havuzu ve tesis dış görünümü

Medya Yöneticisine Erişim

Tekrar kullanılabilir web sitesi varlıklarını görüntülemek veya yönetmek istediğinde Cloudbeds Websites Editöründen Medya Yöneticisini aç.

Cloudbeds PMS Ana Menü üzerinden Cloudbeds Dijital Pazarlama bölümüne git ve Web Sitelerini seç.
Web sitemi düzenle seçeneği ile Cloudbeds Websites Editörünü aç.
Sol taraftaki editör panelinde CMSyi, ardından Medya Yöneticisini seç.

Editör navigasyonunda sol panelde CMS altında Medya Yöneticisi görünür:

Medya Yükleme ve Düzenleme

Medya Yöneticisi, tekrar kullanılabilir web sitesi varlıklarını tek bir yerde tutar. Aynı kütüphaneden Görselleri, Simge, Videoları, Sesleri ve Dosyaları yönetebilirsin.

Medya Yöneticisini şu amaçlarla kullanabilirsin:

Medya yükle veya içe aktar: Bilgisayarından veya Facebook, Dropbox, Google Drive, Google Fotoğraflar ve Instagram gibi desteklenen bulut servislerinden içerik ekle.
Klasör oluştur: Logolar, dış mekan görselleri veya belirli oda tipleri gibi ilgili varlıkları kategorilere ayırarak bulmayı ve tekrar kullanmayı kolaylaştır.
Dosya ve klasör adlarını değiştir: Varlığı veya kategoriyi daha sonra kolayca tanımlamak için net isimler kullan.
İçerik türüne göre düzenle: İhtiyacın olan medya türüyle çalışmak için Görseller, Simge, Videolar, Ses ve Dosyalar alanlarını kullan.

Mayıs 2026 sonundan itibaren başlatılan Cloudbeds Website Builder abonelikleri için, Cloudbeds PMS’deki tesis profili ve konaklama ayarlarından mevcut görseller otomatik olarak editör kütüphanesine aktarılır.

Medya Yöneticisindeki kontrolleri kullanarak tekrar kullanılabilir web sitesi varlıklarını ekle ve düzenle:

Bilgisayarından bir görsel yüklemek için Yeni Görsel seç.
Desteklenen harici kaynaklardan görseller getirmek için Görselleri İçe Aktar seç.
Logo, dış mekan görselleri veya oda tipleri gibi ilgili varlıklar için kategoriler oluşturmak üzere + Klasör Ekle seç.
Görseller, Simge, Videolar, Ses ve Dosyalar sekmelerini kullanarak medya türleri arasında geçiş yap.
Kütüphanedeki varlıkları düzenlemek ve bulmak için müsait olan Sırala ve görüntüleme kontrollerini kullan.

Aşağıdaki Medya Yöneticisi, bu kontrolleri ve kütüphanede zaten müsait olan yeniden kullanılabilir varlıkları gösterir:

Web sitesi editöründe medyayı kullan

Medya Yöneticisine eklenen medya, siteni düzenlerken yeniden kullanım için müsait olur. Mevcut bir varlığı bir sayfaya yerleştirmeye hazır olduğunda, Cloudbeds Websites Editöründe Ekle > Medya seç ve kullanmak istediğin medyayı seç.

Medya paneli, yeniden kullanılabilir Site Medyası ve Ücretsiz Medya varlıklarını gösterir; kullanmak istediğin medyayı seçtikten sonra + Medya Ekle butonu müsait olur:

Görsel gereksinimleri ve optimizasyon

Cloudbeds Websites, masaüstü, tablet ve mobil cihazlarda uygun boyutta bir görsel sunulabilmesi için gerektiğinde yüklenen görsellerin daha küçük versiyonlarını otomatik olarak oluşturur. Orijinal görsel büyütülmez ve daha küçük versiyonlar yalnızca yüklenen görsel yeterince büyük olduğunda oluşturulur.

Gereksinim	Limit
Site başına dosya sayısı	Görseller, videolar, ses klipleri ve diğer dosyalar dahil olmak üzere en fazla 15.000 dosya
Maksimum dosya boyutu	Dosya başına 200 MB
Maksimum görsel alanı	3.145.728 piksel. Toplam alanı hesaplamak için görselin genişliğini yüksekliğiyle çarp.

Desteklenen limitleri aşan görseller yüklenemeyebilir, küçük resim gösterimi başarısız olabilir veya editörde ya da canlı sitede yüklenmeyebilir.

Desteklenen arka plan görselleri, Görsel Bileşeni ve Fotoğraf Galerisi Bileşeni için görsel optimizasyonu devre dışı bırakılabilir. Optimizasyonun devre dışı bırakılması sayfa hızı ve performansını etkileyebilir.

Aşağıdaki bölümleri genişleterek desteklenen görsel dosya türleri ve WebP uyumluluğu detaylarını görebilirsin.

Desteklenen görsel dosya türleri

Cloudbeds Websites aşağıdaki görsel dosya türlerini destekler:

PNG
JPG
JPEG
GIF
SVG
SVG+XML
ICO
X-icon
WebP

WebP uyumluluğu

Mevcut görsel rehberi aşağıdaki platformlarda WebP görsellerini destekler:

iPhone: 14 ve sonraki sürümler
Mac/Safari: en son sürüm
Chrome: tüm sürümler
Android: tüm sürümler

Önerilen görsel boyutları

Ortak web sitesi yerleşimleri için görselleri hazırlarken genel rehber olarak bu boyutları kullan. Yerleşimin gerektirdiğinden çok daha büyük bir dosya yüklemek yerine, görselin kullanılacağı boyuta uygun olanı seç.

Görsel kullanımı	Önerilen boyut
Arka plan görseli genişliği	2880 px
Masaüstü	1920 px
Tablet	1280 px
Mobil	640 px
Blog küçük görseli	160 px veya 300 px

Kullanıma göre görsel rehberi

Farklı web sitesi bileşenleri, görselleri farklı şekil ve boyutlarda kullanır. Belirli bir yerleştirme için görsel hazırlarken ilgili bölümü genişlet.

Slider görselleri

Slider görselleri genellikle daha büyük boyutlarda gösterilir ve sayfanın geniş bir alanına yayılabilir. Görsel yeniden boyutlandırıldığında önemli içeriklerin kırpılmaması için ana konu etrafında yeterli genişlik ve boşluk bulunan görseller kullan.

Yaygın en-boy oranları: 16:9 ve 3:4
Yaygın çözünürlükler: 1600x900, 1280x720 ve 1280x960 px

Kare sliderlar için 1:1 en-boy oranı kullan. Daha tutarlı bir tasarım için aynı slider içinde görsel oranlarını tutarlı tut.

Fotoğraf Galerisi görselleri

Fotoğraf Galerisi düzenleri geniş bir görsel oranı yelpazesini destekler. Kullanmak istediğin galeri stiline uygun görsel oranını seç ve düzenin uniform görsel boyutlarına bağlı olduğu durumlarda oranları tutarlı tut.

Kare tarzı galeriler: 1:1 oran
Uzun görsel galerileri: örneğin, 2:5 veya 200x500 px
Yaygın çözünürlük önerisi: düzen için gereken çözünürlüğü kullan, ancak sayfa hızını desteklemek için mümkünse 1500 px’den büyük görsellerden kaçın.

Simge

Simge olarak şeffaf PNG, JPEG veya SVG dosyaları kullanılabilir.

Yaygın en-boy oranı: 1:1, ancak diğer oranlar da kullanılabilir.
Yaygın çözünürlükler: 200x200 px veya 80x80 px. SVG dosyaları sabit çözünürlük olmadan ölçeklenebilir.

SVG dosyaları standart görsel dosyalarına göre sayfaya daha fazla kod ekleyebilir. Aynı sayfada çok sayıda karmaşık SVG dosyası kullanmak yüklenme veya işlevselliği etkileyebilir. Gerekirse bazı SVG simgeleri PNG veya JPEG gibi standart görsel formatlarına dönüştür.

Faviconlar

Faviconlar web sitesi sayfasında değil, tarayıcı sekmesinde görünür. ICO formatı önerilir.

Gerekli en-boy oranı: 1:1
İzin verilen çözünürlükler: 24x24, 36x36 ve 48x48 px

Logolar

Logolar için SVG formatı önerilir çünkü görsel kalitesini kaybetmeden ölçeklenebilir.

Görsel performansı ve duyarlı tasarım

Görselleri yerleştirileceği alan için yeterince büyük kullan, ancak ihtiyaçtan çok daha büyük dosyalar yüklemekten kaçın. Çok büyük görseller, ölçeklendikten sonra fark edilir bir görsel iyileşme sağlamadan sayfa performansını düşürebilir.

Kaynak görseli, amaçlanan kullanımıyla eşleştir. Örneğin, bir görsel yaklaşık 300x300 px boyutunda gösteriliyorsa, daha büyük bir kaynak başka bir yerde kullanılmayacaksa 4000x4000 px versiyonunu yüklemekten kaçın.

En-boy oranı, bir görselin genişliği ile yüksekliği arasındaki ilişkiyi tanımlar. 16:9 oranındaki bir görsel 1600x900 px, 1280x720 px veya aynı orana sahip başka bir çözünürlük olabilir.

Geniş bir masaüstü düzeninde uygun görünen görseller, daha küçük cihazlarda farklı bir işlem gerektirebilir. Tablet veya mobil düzenler için farklı bir görsel kullanman gerektiğinde, mevcut cihazlara özel görünürlük veya boyutlandırma kontrollerini kullan.

Cloudbeds Websites için yeniden kullanılabilir medyayı nasıl yöneteceğini ve görselleri nasıl hazırlayacağını öğrendiğine göre, editör navigasyonu, görsel SSS ve arka plan görseli iş akışları için bu kaynakları kullanabilirsin: