تصاویر درصد قابل توجهی از فضای وب را به خود اختصاص دادهاند و به همین دلیل چه بعنوان یک فعال در حوزه سئو، چه بعنوان مدیر یک وبسایت و چه کدنویس، باید بتوانیم به درستی از آنها استفاده کنیم. گام اول، با شناخت انواع فرمت تصاویر و کاربردهای آن در فضای وب شروع میشود. اگر زمان کافی برای مطالعه این مطلب را ندارید، پیشنهاد میکنیم ویدیو زیر که بخشی از دوره آموزش تولید محتوا است را مشاهده کنید.
استفاده درست از تصاویر در سایت نقش مهمی در بهینهسازی سرعت و بهبود تجربه کاربری دارد. بجز محتوای هر عکس در سایت، کیفیت، اندازه و حجم تصاویر (عواملی که نقش مهمی در سئوی تصاویر ایفا میکنند) وابستگی مستقیمی به استفاده صحیح از فرمتهای تصاویر دارند.
یکی از چالشهایی که همهی ما هنگام تولید محتوا یا بهینهسازی صفحات سایت با آن برخورد میکنیم، دوراهی استفاده از فرمت png یا jpg برای تصاویر؛ یا دوراهی ذخیره و استفاده از تصویر با پسوند jpg یا jpeg است. شناخت انواع این فرمتها به ما کمک میکند تا یکبار برای همیشه درک درستی از تصاویر، نحوه ذخیرهسازی و استفاده از آنها پیدا کنیم.
در رابطه با استفاده بهینه از تصاویر، در صفحه “سئو تصاویر” به موضوعاتی مثل کاهش حجم تصاویر، درک محتوای تصویر و انتخاب متن جایگزین تصاویر پرداختیم. در ادامهی موضوعِ بهینه نگهداشتن تصاویر برای سئو، در این مقاله به معرفی و شرح انواع فرمت تصویر و کاربرد صحیح آنها میپردازیم.
فرمت مناسب تصاویر برای سئوی سایت چیست؟
انواع فرمتهای موجود برای تصاویر دیجیتالی، از لحاظ ساختار و شیوهی شکلگیری در دو دسته کلی قرار میگیرند. تصاویر با ساختار شطرنجی (Raster)، که ما آنها را با پیکسلها میشناسیم و تصاویر بُرداری (Vector)، که طراحان گرافیک احتمالا آشنایی و سر و کار بیشتری با آنها دارند.
انواع فرمتهای موجود تصویر مثل jpg ، png ، svg ، eps و غیره همگی در این دو دسته کلی قرار میگیرند. در تصویر زیر به خوبی این تقسیمبندی و فرمتهای موجود برای آنها را مشاهده میکنید.
تصاویر raster از مجموعهی متراکمی از پیکسلها در کنار هم تشکیل شدهاند و با مقادیری مثل dpi یا ppi کیفیت آنها سنجیده میشود. هرچقدر میزان تراکم یا dpi پیکسلهای تصویر در این ساختار بیشتر باشد، کیفیت و البته حجم تصویر نیز افزایش پیدا میکند. به همین خاطر با بالا بردن ابعاد این نوع از تصاویر نسبت به اندازه اصلی، با کاهش کیفیت تصویر مواجه خواهیم شد.
نکته مهم درمورد استفاده از تصاویر Raster:
وبسایتها تصاویر را نهایتا با 72dpi نمایش میدهند که با وجود پایین بودن این مقدار، همچنان کیفیت نمایش در مرورگرها کاملا قابل قبول است. در نتیجه با افزایش dpi تصاویر برای نمایش در وب، تنها نتیجهای که خواهید گرفت، افزایش حجم تصویر و کاهش سرعت بارگذاری آنها خواهد بود که مغایر با خواست ما برای بهبود سئوی سایت است.
در طرف مقابل تصاویر وکتور با استفاده از فرمولهای بُرداری انعطافپذیری بالایی دارند و برای طراحیهای با ابعاد بسیار بزرگ و پروژههای چاپی مناسبتر هستند.
