رسانه‌ها

رسانه به فایل‌هایی گفته می‌شود که در وبلاگ بارگذاری می‌کنید؛ مانند تصویر، ویدئو، صدا یا هر فایل دیگری. برای مدیریت فایل‌ها به ابزارها ← کتابخانهٔ رسانه بروید.

تصاویر

تصویرها نوشته را جذاب‌تر و آموزنده‌تر می‌کنند؛ اما استفاده از تصاویر زیاد یا حجیم ممکن است وب‌سایت را کند کند. ویترو بلاگ در صورت امکان تصویرها را خودکار بهینه می‌کند.

می‌توانید تصویر را در ویرایشگر نوشته، کتابخانهٔ رسانه یا تنظیمات وبلاگ (مانند لوگو و نماد سایت) بارگذاری کنید. قالب‌های پشتیبانی‌شده:

• PNG: .png
• JPEG: .jpg، .jpeg، .jfif، .pjpeg، .pjp
• GIF: .gif
• APNG: .apng
• AVIF: .avif
• SVG: .svg
• WebP: .webp

تبدیل خودکار به WebP

تصاویر WebP با کیفیت مشابه ۲۵ تا ۳۴ درصد از JPEG و PNG کم‌حجم‌ترند و مرورگرهای امروزی از آن پشتیبانی می‌کنند. تصویر JPEG یا PNG را مثل همیشه بارگذاری کنید؛ ویترو بلاگ هنگام ارائه، آن را خودکار به WebP تبدیل می‌کند.

تصاویر واکنش‌گرا

تصویرهای PNG، JPEG و WebP کتابخانهٔ رسانه را با افزودن /{width}w به نشانی می‌توان در اندازه‌های مختلف دریافت کرد:

• /media/image.png — تصویر اصلی
• /media/image/100w.png — حداکثر عرض ۱۰۰ پیکسل
• /media/image/750w.png — حداکثر عرض ۷۵۰ پیکسل

برای واکنش‌گراکردن تصویرهای نوشته، از این قابلیت همراه srcset استفاده می‌شود. اندازه‌های رایج:

• 500w
• 750w
• 1000w
• 1500w

برای نمونه، اگر تصویری با عرض ۱۲۵۰ پیکسل بارگذاری کنید، HTML آن چنین خواهد بود:

<img
	src="/media/image.jpg"
	srcset="
		/media/image.jpg/500w   500w,
		/media/image.jpg/750w   750w,
		/media/image.jpg/1000w 1000w,
		/media/image.jpg       1250w
	"
	alt="Image"
/>

مرورگر بر اساس اندازهٔ صفحه و تراکم پیکسل دستگاه، نسخهٔ مناسب را بارگیری می‌کند. این قابلیت فقط برای تصویرهای بارگذاری‌شده در کتابخانهٔ رسانه فعال است؛ تصویرهای میزبانی‌شده در سایت‌های دیگر تغییر اندازه داده نمی‌شوند.