SHET20

آپلود تصاویر SVG در وردپرس با Scalable Vector Graphics

آپلود تصاویر SVG در وردپرس

آپلود تصاویر SVG در وردپرس

چیزی که همیشه در ابتدا نظر بازدیدکنندگان به خودش جذب می‌کند تصاویر یک سایت است. مهمه که کیفیت تصاویر بالا باشد و دل کاربر را نزنه! به همین علت به شما توصیه می کنم تصاویر جذاب با کیفیت SVG را هم در سایت خود آپلود و به نمایش بگذارید. ولی مشکلی که وجود دارد خیلی از برنامه ها از این فرمت پشتیبانی نمی‌کنند. متاسفانه وردپرس هم از فایل های SVG پشتیبانی نمی کند.

اما با افزونه Scalable Vector Graphics، این عمل شدنی است و دیگر کاربران با زوم کردن تصاویر شوکه نمی شوند. و به راحتی میتوانید تصاویر دلخواه تان را با این فرمت آپلود کنید.

فایل SVG چیست؟

به طور کلی، SVG زبانی برای توصیف گرافیک 2 بعدی و برنامه های گرافیکی در XML است. ​این تکنولوژی مخفف کلمات Scalable Vector Graphics می باشد. SVG برای ایجاد گرافیک های برداری در صفحات وب بکار می رود و با زوم کردن روی تصاویر SVG کیفیت آنها پایین نمی آید. هر المانی که در SVG می بینید میتواند نقاشی شود. SVG یکی از توصیه‌های کنسرسیوم w3 می باشد، زیرا با استفاده از این تکنولوژی جدید حجم عکس ها کاهش یافته و کیفیت انها در کلیه سایزها حفظ می شود.

فایل های SVG گرافیک برداری(گرافیک برداری روشی در تولید و ذخیره فایل‌های تصویری کامپیوتری است که در آن تصویر در قالب مجموعه‌ ای از مشخصات هندسی نقاط، خط‌ ها، منحنی‌ ها و چندضلعی‌ ها ذخیره می‌شود) دو بعدی هستند که می تواند هر دو استاتیک و پویا باشد. مثلا خود ما در صفحه آموزش آنلاین از تصویر SVG استفاده کرده ایم. نمونه را ببینید.

نحوه کار با افزونه Scalable Vector Graphics

به خوبی میدانید برای کار با افزونه باید در ابتدا آن را دانلود و نصب کنید، سپس افزونه را فعال کرده و تنظیمات را پیکربندی کنید. این افزونه خیلی ساده و آسان است و نیار به پیکربندی ندارد.

وارد نوشته یا برگه خود شده و تصاویر SVG که قبلا دانلود کردید را بارگذاری یا آپلود کنید. سپس، هنگامی که تصویر را مشاهده و آن را زوم یا بزرگ نمایی می کنید، کیفیت تصویر ذره ای تغییر نخواهد کرد و با یک تصویر فوق العاده جذاب را به را می شوید.

موفق و پیروز باشید.

نظر شما در این مورد چیه؟

  1. U419010۱۱ مرداد ۱۴۰۵

    سلام چطور میتونم از svg های متحرک و دو حالته استفاده کنم

    • رضا راد۱۱ مرداد ۱۴۰۵

      درود، برای svgهای متحرک میتونید از انیمیشن‌های css یا smil داخل خود فایل استفاده کنید و برای حالت دوگانه هم معمولاً با css و تغییر رنگ یا نمایش دو نسخه بسته به تم روشن و تاریک این کار انجام میشه. اگه بخواید روی حالت هاور یا کلیک تغییر کنه هم میتونید با کمی css و جاوااسکریپت کنترلش کنید.

  2. U319911۶ دی ۱۴۰۱

    سلام وقتتون بخیر ببخشید من وقتی لوگوی سایتمو با فرمت svg قرار میدم در قسمت لوگوی المنتور خیلی کوچیک میشه باید چیکار کنم؟

    • رضا راد۱۰ دی ۱۴۰۱

      سلام وقت بخیر بستگی به کدهای قالب سایتتون داره. باید دقیق کدهای سی اس اس بررسی بشه

  3. U39526۱۵ اردیبهشت ۱۴۰۰

    وقت بخیر
    بنده قصد تغییر لوگو سایت از فرمت png به svg رو دارم اما ارور دریافت میکنم و انجام نمیشه ،برای تغییر باید از این افزونه استفاده کرد یا راه بهتری وجود داره ؟

    • تیم پشتیبانیتیم پشتیبانی۱۵ اردیبهشت ۱۴۰۰

      سلام
      چه اروری دریافت میکنید؟

پشتیبانپشتیبانپشتیبانپشتیبانپشتیبان
تیم میهن وردپرس
پشتیبانپشتیبانپشتیبانپشتیبانپشتیبان
تیم میهن وردپرسخارج از ساعات کاری هستیم؛ دستیار هوش مصنوعی پاسخگوی شماست.هوش مصنوعی

در حال بارگذاری...

هر سوالی دارید بپرسید.پاسخگوی شما هستیم.