• اخبار تکنولوژی
  • هاست و میزبانی وب
  • طراحی سایت و برنامه نویسی
  • سئو و بهینه سازی سایت
  • سیستم مدیریت محتوا
    • وردپرس
    • دروپال
    • جوملا
  • دیجیتال مارکتینگ
  • آکادمی ماهان سرور
  • درباره ما
  • تماس با ما
بلاگ ماهان سرور
  • هاست و میزبانی وب
    آموزش بروزرسانی php در XAMPP

    آموزش بروزرسانی php در XAMPP بصورت مرحله به مرحله

    رایانش ابری

    آشنایی کامل با رایانش ابری و بررسی مزیت های آن

    فضای ذخیره سازی ابری

    فضای ذخیره سازی ابری چه کمکی به وب سایت ما می کند ؟

    بسته بودن توابع حساس در سرور

    بسته بودن توابع حساس در سرور چه دلایلی دارد ؟

    آموزش نصب SSL در Cpanel

    آموزش نصب SSL در Cpanel در چند گام کوتاه

    ایجاد CSR در IIS

    ایجاد CSR در IIS چگونه امکان پذیر است ؟

  • طراحی سایت و برنامه نویسی
    رکورد PTR

    با رکورد PTR کاربردها و نحوه کار آن بیشتر آشنا شوید

    آموزش بروزرسانی php در XAMPP

    آموزش بروزرسانی php در XAMPP بصورت مرحله به مرحله

    آموزش فعالسازی سورس گاردین در سی پنل

    آموزش فعالسازی سورس گاردین در سی پنل

    بهترین افزونه های کروم

    بهترین افزونه های کروم مخصوص وب مستران و وردپرس کاران

    تغییر قالب وردپرس

    تغییر قالب وردپرس با استفاده از هاست وب سایت

    زبان برنامه‌نویسی پایتون

    زبان برنامه‌نویسی پایتون را بصورت کامل بشناسید

    ایجاد CSR در IIS

    ایجاد CSR در IIS چگونه امکان پذیر است ؟

    روتر چیست

    روتر چیست و به چه صورتی کار می کند ؟

    سفارشی سازی قالب

    سفارشی سازی قالب در وب سایت های وردپرسی

  • سئو و بهینه سازی سایت
    استفاده از فایل SVG

    استفاده از فایل SVG در سایت چه تاثیری روی سئو آن دارد ؟

    استفاده از فایل GIF

    استفاده از فایل GIF و مزایای آن در سئو سایت

    حل مشکل عدم انتشار محتوای زمان بندی شده وردپرس

    حل مشکل عدم انتشار محتوای زمان بندی شده وردپرس

    فعال سازی gzip در وردپرس

    آموزش فعال سازی gzip در وردپرس بصورت مرحله به مرحله

    سئو سایت با سی پنل

    سئو سایت با سی پنل و استفاده از ابزار optimize website

    افزایش امنیت سایت وردپرسی

    افزایش امنیت سایت وردپرسی با انجام راهکارهای این مقاله جامع

  • سیستم مدیریت محتوا
    • All
    • وردپرس
    استفاده از فایل SVG

    استفاده از فایل SVG در سایت چه تاثیری روی سئو آن دارد ؟

    آموزش افزایش php time limit

    آموزش افزایش php time limit با راهکارهایی ساده و سریع

    آموزش رفع خطا RSS Feed

    آموزش رفع خطا RSS Feed در سیستم وردپرس و آشنایی با آن

    رفع ارور Cannot Modify Header Information

    رفع ارور Cannot Modify Header Information در سیستم وردپرس

    قالب نال شده وردپرس

    قالب نال شده وردپرس چه مشکلاتی می تواند داشته باشد ؟

    تشخیص سیستم مدیریت محتوا یک سایت

    تشخیص سیستم مدیریت محتوا یک سایت با استفاده از این ابزارها

  • دیجیتال مارکتینگ
    آموزش ساخت بارکد QR

    آموزش ساخت بارکد QR با استفاده از لوگوی اختصاصی شما

    ارسال ایمیل گروهی در دایرکت ادمین

    ارسال ایمیل گروهی در دایرکت ادمین

    بهترین زمان برای پست گذاشتن در اینستاگرام

    بهترین زمان برای پست گذاشتن در اینستاگرام

    ارسال پست اینستاگرام با چند اکانت

    ارسال پست اینستاگرام با چند اکانت به صورت هم زمان

    کلیدواژه کانونی

    کلیدواژه کانونی و اهمیت آن در تولید محتوا

    خروج سریع کاربران از وب سایت

    ۲ دلیل مهم برای خروج سریع کاربران از وب سایت

No Result
View All Result
  • هاست و میزبانی وب
    آموزش بروزرسانی php در XAMPP

    آموزش بروزرسانی php در XAMPP بصورت مرحله به مرحله

    رایانش ابری

    آشنایی کامل با رایانش ابری و بررسی مزیت های آن

    فضای ذخیره سازی ابری

    فضای ذخیره سازی ابری چه کمکی به وب سایت ما می کند ؟

    بسته بودن توابع حساس در سرور

    بسته بودن توابع حساس در سرور چه دلایلی دارد ؟

    آموزش نصب SSL در Cpanel

    آموزش نصب SSL در Cpanel در چند گام کوتاه

    ایجاد CSR در IIS

    ایجاد CSR در IIS چگونه امکان پذیر است ؟

  • طراحی سایت و برنامه نویسی
    رکورد PTR

    با رکورد PTR کاربردها و نحوه کار آن بیشتر آشنا شوید

    آموزش بروزرسانی php در XAMPP

    آموزش بروزرسانی php در XAMPP بصورت مرحله به مرحله

    آموزش فعالسازی سورس گاردین در سی پنل

    آموزش فعالسازی سورس گاردین در سی پنل

    بهترین افزونه های کروم

    بهترین افزونه های کروم مخصوص وب مستران و وردپرس کاران

    تغییر قالب وردپرس

    تغییر قالب وردپرس با استفاده از هاست وب سایت

    زبان برنامه‌نویسی پایتون

    زبان برنامه‌نویسی پایتون را بصورت کامل بشناسید

    ایجاد CSR در IIS

    ایجاد CSR در IIS چگونه امکان پذیر است ؟

    روتر چیست

    روتر چیست و به چه صورتی کار می کند ؟

    سفارشی سازی قالب

    سفارشی سازی قالب در وب سایت های وردپرسی

  • سئو و بهینه سازی سایت
    استفاده از فایل SVG

    استفاده از فایل SVG در سایت چه تاثیری روی سئو آن دارد ؟

    استفاده از فایل GIF

    استفاده از فایل GIF و مزایای آن در سئو سایت

    حل مشکل عدم انتشار محتوای زمان بندی شده وردپرس

    حل مشکل عدم انتشار محتوای زمان بندی شده وردپرس

    فعال سازی gzip در وردپرس

    آموزش فعال سازی gzip در وردپرس بصورت مرحله به مرحله

    سئو سایت با سی پنل

    سئو سایت با سی پنل و استفاده از ابزار optimize website

    افزایش امنیت سایت وردپرسی

    افزایش امنیت سایت وردپرسی با انجام راهکارهای این مقاله جامع

  • سیستم مدیریت محتوا
    • All
    • وردپرس
    استفاده از فایل SVG

    استفاده از فایل SVG در سایت چه تاثیری روی سئو آن دارد ؟

    آموزش افزایش php time limit

    آموزش افزایش php time limit با راهکارهایی ساده و سریع

    آموزش رفع خطا RSS Feed

    آموزش رفع خطا RSS Feed در سیستم وردپرس و آشنایی با آن

    رفع ارور Cannot Modify Header Information

    رفع ارور Cannot Modify Header Information در سیستم وردپرس

    قالب نال شده وردپرس

    قالب نال شده وردپرس چه مشکلاتی می تواند داشته باشد ؟

    تشخیص سیستم مدیریت محتوا یک سایت

    تشخیص سیستم مدیریت محتوا یک سایت با استفاده از این ابزارها

  • دیجیتال مارکتینگ
    آموزش ساخت بارکد QR

    آموزش ساخت بارکد QR با استفاده از لوگوی اختصاصی شما

    ارسال ایمیل گروهی در دایرکت ادمین

    ارسال ایمیل گروهی در دایرکت ادمین

    بهترین زمان برای پست گذاشتن در اینستاگرام

    بهترین زمان برای پست گذاشتن در اینستاگرام

    ارسال پست اینستاگرام با چند اکانت

    ارسال پست اینستاگرام با چند اکانت به صورت هم زمان

    کلیدواژه کانونی

    کلیدواژه کانونی و اهمیت آن در تولید محتوا

    خروج سریع کاربران از وب سایت

    ۲ دلیل مهم برای خروج سریع کاربران از وب سایت

No Result
View All Result
مجله اینترنتی ماهان سرور
No Result
View All Result

استفاده از فایل SVG در سایت چه تاثیری روی سئو آن دارد ؟

سعید ارجمندیbyسعید ارجمندی
inسئو و بهینه سازی سایت, سیستم مدیریت محتوا
0
استفاده از فایل SVG

استفاده از فایل SVG

استفاده از فایل SVG در وب سایت ها چندان رایج نیست. اما نیاز است که با آنها آشنا شوید و در صورت لزوم از ویژگی های مثبت آن بهره ببرید.

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

فایل SVG چیست؟

SVG فایل گرافیکی بوده که با استفاده از بردار ساخته می شود. همانطور که می دانید بردار المانی جهت دار و مقیاس پذیر می باشد. از لحاظ تئوری می توان تقریبا هر نوع گرافیکی را با استفاده از مجموعه بردارها به وجود آورد.

نوع دیگری از فایل تصویری به نام png وجود دارد که برای استفاده در وب مناسب است. اگر میخواهید تصویر مشابه ای به صورت برداری ایجاد کنید باید از کدهای XML استفاده کنید. کد زیر نیز می تواند یک نتیجه یکسان را نشان دهد:

1
2
3
4
5
6
7
8
9
10
11
<?xml version="1.0" standalone="no"?>
 
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" version="1.1"
 
baseProfile="full" > <rect x="0" y="0" width="60" height="60" style="stroke: blue;"/>
 
<rect id="myRect" x="25" y="25" rx="0.6" ry="0.6" width="150" height="150" fill="blue"
 
stroke="black" stroke-width="8"/>
 
</svg>

 

از نظر تئوری اگر این کد را در یک فایل HTML قرار دهید، همانند تصویر PNG بالا به شما می دهد. اگرچه هر دو تصویر یکسان به نظر می رسد، اما فایل SVG مزایای بیشتری دارد، به عنوان مثال فایل SVG هنگام تغییر ابعاد کیفیت خود را حفظ می کند.

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

چرا از پرونده SVG استفاده کنیم؟

بسیاری کاربران از فرمت هایی مانند png و jpeg در وب سایت خود استفاده می کنند که مانند SVG چند منطوره نیست. اگر یک عکس پیچیده برداری می خواهید، فرمت SVG بهترین انتخاب است. شما می توانید در موقعیت های زیر هم از این نوع فایل استفاده کنید:

طراحی لوگو – از آنجایی که آرم وب سایت و رسانه های اجتماعی در موقعیت های مختلفی استفاده می شود، نیاز به ابعاد مختلفی از آن بدون افت کیفیت دارید.

عناصر متحرک – برای متحرک سازی SVG ها می توانید از CSS استفاده کنید و به صورت کد در صفحات دلخواه قرار دهید.

نمودار – برای ایجاد نمودارهای مقیاس پذیر دارای انیمیشن از این فرمت استفاده کنید.

از آنجایی که SVG به صورت XML وجود دارد، قابل جستجو و هم قابل ایندکس شدن هستند. در نتیجه بازدیدکنندگان دسترسی بهتری به تصویر پیدا می کنند، البته اگر برچسب های صحیحی برای آن در نظر گرفته باشید.

نحوه ساخت فایل SVG

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

۱- یک پرونده SVG به صورت دستی ایجاد کنید.

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

Adobe Illustrator,Photoshop, Animate و InDesign
Microsoft Visio
InkscapeGIMPدو

گزینه پایین به صورت متن باز می باشند. آن ها گزینه های خوبی برای ایجاد فایل SVG بدون پرداخت هزینه بوده و تمام نیازهای شما را برطرف می کنند.

اگر هیچ تجربه ای در زمینه طراحی گرافیک ندارید، ایجاد آرم یا هر المان گرافیکی دیگری چالش برانگیز است. در این حالت تنها تصویر دلخواه خود را دانلود کنید و با نرم افزارهای بالا تبدیل فرمت نمایید.

۲- استفاده از ابزار آنلاین

ابزارهای رایگان بسیاری برای تبدیل فرمت تصاویر وجود دارد که می توان از آن ها برای وجود آوردن فایل SVG استفاده کرد. اگر نمی خواهید از هیچگونه نرم افزاری استفاد کنید، ابزار آنلاین انتخاب مناسبی است. به عنوان مثال ما سایت Vector Magic را به شما معرفی می کنیم که از آن برای تبدیل انواع فرمت می توان استفاده نمود.

استفاده از فایل SVG

همینطور با این ابزار می توانید اصلاحات کوچکی را هم در تصویر به وجود آورید و خروجی SVG بگیرید.

نحوه استفاده از فایل SVG در وردپرس

استفاده از SVG چندان سخت نیست. افزودن یک پرونده SVG به وب سایت تنها با گرفتن کد و جایگذاری آن در یک سند HTML در هر نقطه از صفحه امکان پذیر است. خوشبختانه در حال حاضر تمام مرورگرهای مورد استفاده کاربران دنیای وب از فایل SVG پشتیبانی می کنند. سیستم وردپرس به صورت پیش فرض از فرمت SVG پشتیبانی نمی کند و اگر توانایی آپلود مستقیم به وردپرس را می خواهید، باید از افزونه هایی مانند Safe SVG استفاده کنید:

استفاده از فایل SVG

[تعداد: 0   میانگین: 0/5]
Tags: استفاده از فایل SVG

دسته‌ها

  • اخبار تکنولوژی
  • دسته‌بندی نشده
  • دیجیتال مارکتینگ
  • سئو و بهینه سازی سایت
  • سیستم مدیریت محتوا
  • طراحی سایت و برنامه نویسی
  • هاست و میزبانی وب
  • وردپرس

برچسب‌ها

cpanelwhmآشنایی کامل با CDNآموزش استفاده از تصاویر WebPآموزش استفاده از دیباگ وردپرسآموزش اینستاگرامآموزش ساخت انجمن در وردپرسآموزش طراحی سایتآموزش نصب AMP وردپرسآموزش هاستآموزش کامل بکاپ گیری در cpanel و whmاتصال وردپرس به هاست دانلودافزایش سرعت سایتافزونهافزونه Yoast SEO بهتره یا All In One SEOامنیتانتخاب سردبیرانواع دامین هاستبهترین راهکارها برای افزایش سرعت سایتبکاپتوزیع محتواتولید محتواخطاهای وردپرسدیباگ وردپرسسئوسئو تصویرساب فولدرسرورسی پنلقابلیت ویروس یابی در سی پنل Cpanelقالب وردپرسلوکال هاستمقالات وردپرسنصب وردپرس روی ساب فولدر سی پنلهاستهاست ابریهاست ایرانهاست خارجهاست دانلودهاست چه تائیری روی سئو داردوردپرسویروس یابیپلاگین وردپرسچگونه روی لوکال هاست وردپرس نصب کنیمیوست
No Result
View All Result
  • اخبار تکنولوژی
  • هاست و میزبانی وب
  • طراحی سایت و برنامه نویسی
  • سئو و بهینه سازی سایت
  • سیستم مدیریت محتوا
    • وردپرس
    • دروپال
    • جوملا
  • دیجیتال مارکتینگ
  • آکادمی ماهان سرور