آشنایی با فرمت تصاویر و ارتباط آن‌ها با سئو سایت

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

استفاده درست از تصاویر در سایت نقش مهمی در بهینه‌سازی سرعت و  بهبود تجربه کاربری دارد. بجز محتوای هر عکس در سایت، کیفیت، اندازه و حجم تصاویر (عواملی که نقش مهمی در سئوی تصاویر ایفا می‌کنند) وابستگی مستقیمی به استفاده صحیح از فرمت‌های تصاویر دارند.

یکی از چالش‌هایی که همه‌ی ما هنگام تولید محتوا یا بهینه‌سازی صفحات سایت با آن برخورد می‌کنیم، دوراهی استفاده از فرمت png  یا jpg برای تصاویر؛ یا دوراهی ذخیره و استفاده از تصویر با پسوند jpg یا jpeg است. شناخت انواع این فرمت‌ها به ما کمک می‌کند تا یک‌بار برای همیشه درک درستی از تصاویر، نحوه ذخیره‌سازی و استفاده از آن‌ها پیدا کنیم.

در رابطه با استفاده بهینه از تصاویر، در صفحه “سئو تصاویر” به موضوعاتی مثل کاهش حجم تصاویر، درک محتوای تصویر و انتخاب متن جایگزین تصاویر پرداختیم. در ادامه‌ی موضوعِ بهینه نگهداشتن تصاویر برای سئو، در این مقاله به معرفی و شرح انواع فرمت تصویر و کاربرد صحیح آن‌ها می‌پردازیم.

فرمت مناسب تصاویر برای سئوی سایت چیست؟

انواع فرمت‌های موجود برای تصاویر دیجیتالی، از لحاظ ساختار و شیوه‌ی شکل‌گیری در دو دسته کلی قرار می‌گیرند. تصاویر با ساختار شطرنجی (Raster)، که ما آن‌ها را با پیکسل‌ها می‌شناسیم و تصاویر بُرداری (Vector)، که طراحان گرافیک احتمالا آشنایی و سر و کار بیشتری با آن‌ها‌ دارند.

انواع فرمت‌های موجود تصویر مثل jpg ، png ، svg ، eps و غیره همگی در این دو دسته کلی قرار می‌گیرند. در تصویر زیر به خوبی این تقسیم‌بندی و فرمت‌های موجود برای آن‌ها را مشاهده می‌کنید.

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

 

تصاویر raster از مجموعه‌ی متراکمی از پیکسل‌ها در کنار هم تشکیل شده‌اند و با مقادیری مثل dpi یا ppi کیفیت آن‌ها سنجیده می‌شود. هرچقدر میزان تراکم یا dpi پیکسل‌های تصویر در این ساختار بیشتر باشد، کیفیت و البته حجم تصویر نیز افزایش پیدا می‌کند. به همین خاطر با بالا بردن ابعاد این نوع از تصاویر نسبت به اندازه اصلی، با کاهش کیفیت تصویر مواجه خواهیم شد.

نکته مهم درمورد استفاده از تصاویر Raster:

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

در طرف مقابل تصاویر وکتور با استفاده از فرمول‌های بُرداری انعطاف‌پذیری بالایی دارند و برای طراحی‌های با ابعاد بسیار بزرگ و پروژه‌های چاپی مناسب‌تر هستند.

مقایسه فرمت های raster و vector در تصاویر

با این وجود، این نوع از فرمت‌های تصاویر نیز در فضای وب کاربردهایی دارند. یکی از مهم‌ترین کاربردهای تصاویر وکتور در فضای وب، استفاده برای طراحی‌های برندینگ مثل لوگوهاست؛ یا برای مثال تصاویر با پسوند SVG کاربردهای متعددی در طراحی UI صفحات وب دارند.

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

غالبا تصاویری که ما از آن‌ها برای محتوای سایت‌های اینترنتی و در فضای وب استفاده می‌کنیم در دسته تصاویر پیکسلی، شطرنجی یا همان raster قرار می‌گیرند. پسوند‌هایی مثل JPG و PNG از جمله این تصاویر هستند.

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

تصاویر JPEG، سازگار با سئو و همه‌فن‌حریف

فرمت jpg رایج‌ترین و البته نام‌آشناترین فرمت تصویر مورد استفاده است. هر دو پسوند jpg و jpeg عینا مشابه هم هستند و از هیچ نظر تفاوتی با هم نداشته و هر دو مخفف عبارت Joint Photographic Experts Group هستند (در گذشته بدلیل محدودیت نمایش کارکترها در پسوند، از jpg استفاده می‌شده است).

تصاویر jpeg یکی از انتخاب‌های خوب برای استفاده در محتوا و فضای وبسایت هستند. با این وجود، نکته مهم درمورد آن‌ها، lossy بودن این نوع فرمت است.

Lossy بودن تصویر یعنی؛ به واسطه‌ی کاهش حجم آن، کیفیت تصویر نیز کاهش پیدا خواهد کرد.

Lossy بودن تصویر یعنی؛ به واسطه‌ی کاهش حجم آن، کیفیت تصویر نیز کاهش پیدا خواهد کرد.

در نتیجه؛ رسیدن به یک تناسب میان کیفیت و حجم، برای بارگذاری تصاویر jpeg در وبسایت‌ها اهمیت بسیار بالایی دارد.

پیشنهاد ما این است که با نگهداشتن dpi این فرمت بین 72 تا 150، حجم تصویر برای بارگذاری در صفحات وب را کمتر از 100 کیلوبایت حفظ کنید.

نحوه انجام این کار و روش‌های کاهش حجم تصاویر jpg با حفظ کیفیت را در مقاله‌ی “کاهش حجم تصاویر” برای شما تهیه کرده‌ایم. پیشنهاد می‌کنیم حتما این محتوای جذاب را مطالعه و مشاهده کنید.

فرمت PNG، تنوع رنگ کم و حجم پایین

PNG مخفف عبارت Portable Network Graphics است؛ با نگاه به نام این فرمت تصویر هم می‌توان کاربرد آن برای فضای وب را به خوبی درک کرد. از مزایای این نوع فرمت می‌توان به lossless بودن، تنوع رنگ مناسب و امکان ذخیره با قابلیت transparency اشاره کرد.

فایل‌های PNG با وجود lossless بودن (یعنی امکان ویرایش در عینِ عدم کاهش کیفیت) از جمله تصاویر با کیفیت پایین محسوب می‌شوند. قابلیت مهم دیگر تصاویر PNG امکان ذخیره‌سازی بصورت شیشه‌ای یا با transparency است که ما را برای استفاده از آن در المان‌های UI یک وبسایت ترغیب می‌کند. با این حال فرمت جایگزین بهتر برای این هدف (استفاده برای المان‌های طراحی یک سایت) فرمت SVG است که در ادامه مقاله آن را معرفی خواهیم کرد.

یکی از اشتباهات رایج در استفاده از این فرمت تصویر، بکارگیری آن برای تصاویر رئال یا واقعی است. با توجه به شیوه‌ی فراخوانی رنگ‌ها در این فرمت، استفاده از آن برای عکس‌هایی که طیف وسیعی از رنگ‌ها را دارند منطقی نیست؛ چرا که باعث افزایش غیرمعقول حجم این تصاویر خواهد شد. برای درک بهتر موضوع، کافیست نگاهی به تصویر زیر بیاندازیم!

مقایسه فرمت تصویر png با jpg و تاثیر آن بر حجم

فرمت GIF، جلب توجه مخاطب با تصاویر متحرک

تصاویر GIF را اغلب ما با تصاویر متحرکی که در شبکه‌های اجتماعی رد و بدل می‌کنیم، می‌شناسیم. با این وجود تصاویر گیف در فضای وب و وبسایت‌ها نیز کاربردهای دارند. استفاده برای بنرهای تبلیغاتی، CTA یا کال تو اکشن‌ها و حتی بعضاً تصاویر یک مقاله، جاهایی هستند که می‌توانیم از این فرمت استفاده کنیم.

تصاویر GIF محدودیت‌هایی هم دارند. حجم بالا، تنوع رنگ بسیار پایین (حداکثر 256) رنگ و کیفیت نه چندان مناسب در اغلب تصاویر، از جمله چیزهایی‌ست که باید درمورد این فرمت در نظر داشته باشیم.

فرمت WEBP، تازه وارد دوست داشتنی برای سئوی تصاویر

یکی از فرمت‌های تصاویر که اخیراً رواج زیادی در فضای وب پیدا کرده، فرمت WEBP است. بسیاری از وبسایت‌هایی که محوریت فعالیت‌شان بر پایه تصاویر بوده، مثل Pinterest یا Dribbble اخیرا این فرمت را جایگزین تصاویر با فرمت JPG کرده‌اند. دلیل این کار هم تفاوت 30 درصدی حجم این فرمت در مقایسه با یک تصویر با کیفیت مشابه و با پسوند JPG است.

تفاوت 30 درصدی حجم این فرمت در مقایسه با یک تصویر با کیفیت مشابه و با پسوند JPG است.

از مهم‌ترین ویژگی‌های این فرمت علاوه بر حجم کمتر در مقایسه با سایر فرمت‌ها، دارا بودن قابلیت transparency درست مانند فایل‌های PNG است. علاوه بر این، رشد روز افزون سازگاری مرورگرهای مختلف با فرمت WEBP نیز، به محبوب شدن هرچه بیشتر آن کمک کرده است.

با این تفاسیر، اگر بر سر دوراهی استفاده از فرمت JPEG یا WEBP متوقف شده‌اید، تضمین می‌دهیم که فرمت WEBP پاسخ اطمینان شما را به خوبی خواهد داد. (تصاویر همین مقاله نیز همه‌گی با فرمت Webp در دسترس شما قرار گرفته‌اند)

فرمت SVG، تصاویر به زبان ربات‌های گوگل

برخلاف سایر فرمت‎هایی که به معرفی آن‌ها پرداختیم، فرمت SVG در دسته‌بندی فرمت‎های بُرداری یا vector قرار می‌گیرد. اما به واسطه کاربردهای متنوع و جذاب آن در طراحی سایت و اهمیت آن در سئو تکنیکال، توضیح کوتاهی درمورد این فرمت خالی از لطف نیست.

آموزش سئو تکنیکال

استانداردهای سئو در طراحی و کدنویسی

  • 16 ساعت
  • 847 دانشجو
3,390,000 تومان
اطلاعات بیشتر

SVG فرمتی‌ست که کیفیت بسیار بسیار بالایی داشته و درعین حال به دلیل اینکه برپایه متن بنا شده حجم بسیار پایینی دارد. بیشترین کاربرد این نوع فرمت برای برندینگ در فضای وب و همچنین تصویرسازی‌های گرافیکی در وبسایت‌هاست.

بر پایه‌ی متن بودن این فرمت (text-based) باعث شده تا گوگل به راحتی بتواند به کمک خزنده‌های خود این تصاویر را کراول، ایندکس و درک کند و از این جهت نیز نقش خود را به خوبی در سئو سایت ایفا می‌‎کنند. Scalable Vector Graphics همان‌طور که از نامشان پیداست مناسب تصاویر گرافیکی و طراحی‌ها هستند و استفاده از آن‌ها برای تصاویر رئال منطقی و نتیجه‌بخش نیست.

برای قسمت‌های مختلف سایت از چه فرمت تصویری استفاده کنیم؟

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

فرمت تصویر کیفیت حجم زمان استفاده
JPG مناسب مناسب تصاویر واقعی و اسلایدر
PNG عالی عالی تصاویر گرافیکی با تنوع رنگ پایین
WEBP مناسب عالی همه تصاویر سایت
GIF پایین زیاد بنرهای تبلیغاتی
SVG عالی عالی لوگو و آیکون‌ها (یک یا دو رنگ)

چطور فرمت تصاویر را تغییر دهیم؟

پیش از اینکه به سراغ روش‌های تغییر فرمت تصاویر برویم، مقاله‌ی “درک محتوای تصاویر” را مطالعه کنید. این مقاله به شما کمک می‎‌کند تا شکل محتوایی تصویرتان را پیدا کرده و انتخاب کنید. برای مثال درصورتی که محتوای تصاویر بلاگ شما غالبا تصاویر گرافیکی باشد، استفاده از فرمت PNG نتیجه بهتری از لحاظ کیفیت و سرعت لود صفحه بدنبال خواهد داشت.

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

دو راه اصلی برای تغییر فرمت تصاویر پیش روی شماست.

  1. استفاده از نرم افزارهای گرافیکی (مانند فتوشاپ)
  2. استفاده از ابزارهای آنلاین

1- تغییر فرمت تصویر با استفاده از فتوشاپ

برای ذخیره تصویر با فرمت مناسب، تصویر مورد نظرمان را با فتوشاپ باز کرده و بعد از انجام ویرایش‌های احتمالی، این مسیر را طی می‌کنیم:

تغییر فرمت تصویر با استفاده از فتوشاپ

ذخیره با فرمت JPG، GIF یا PNG:

File >> Export >> Save for Web (Legacy)

حالا کافیست در سمت راست و بالای پنجره باز شده، در قسمت preset ، پسوند را به فرمت انتخابی برای تصویرمان تغییر بدهیم.

ذخیره با فرمت SVG

همانطور که گفتیم این فرمت برای تصاویر گرافیکی و فایل‌های برندینگ مناسب است. این پسوند قابلیت ویرایش در نرم افزار فتوشاپ را ندارد و برای ساخت و ذخیره‌سازی این فرمت باید از سایر نرم افزارهای گرافیکی مرتبط، مثل Adobe Illustrator و یا Affinity Designer استفاده کنیم.

ذخیره با فرمت WEBP

این پسوند در صنعت تصاویر یک فرمت نوپا محسوب می‌شود و به همین خاطر نرم افزارها هنوز در نسخه‌های اصلی خود راه مستقیمی برای ذخیره با این پسوند در نظر نگرفته‌اند. برای ذخیره با فرمت WEBP پلاگین‌هایی طراحی شده‌اند که باید از آن‌ها استفاده کنیم. نرم افزار فتوشاپ هم پلاگینی برای ذخیره‌سازی تصاویر با این فرمت دارد که لینک دانلود آن را برای شما در ادامه قرار داده‌ایم:

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

2- تغییر فرمت تصویر با ابزارهای آنلاین

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

وبسایت www.img2go.com

این وبسایت می‌تواند تصاویر را به 12 فرمت مختلف از جمله WEBP، SVG و JPG تبدیل کند. امکان آپلود تصویر از درایو گوگل، دراپ باکس و همینطور آدرس URL از جمله امکانات خوبی‌ست که این وبسایت در اختیار ما قرار می‌دهد. بعلاوه این امکان را داریم که علاوه بر تبدیل فرمت، حجم تصاویر را نیز به کمک ابزارهای جانبی این وبسایت، کاهش دهیم.

وبسایت image.online-convert.com

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

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

در حال حاضر وردپرس به شما اجازه بارگذاری تصاویر با فرمت Webpp را نمی‌دهد در حالی‌که مشکلی برای نمایش آن در سایت ندارد. برای رفع این مشکل پیشنهاد می‌کنیم قطعه کد پیوست شده را دانلود کرده و به انتهای فایل functions.php از قالب وردپرس اضافه کنید.

//** *Enable upload for webp image files.*/
function webp_upload_mimes($existing_mimes) {
$existing_mimes['webp'] = 'image/webp';
return $existing_mimes;
}
add_filter('mime_types', 'webp_upload_mimes');
//** * Enable preview / thumbnail for webp image files.*/
function webp_is_displayable($result, $path) {
if ($result === false) {
$displayable_image_types = array( IMAGETYPE_WEBP );
$info = @getimagesize( $path );
if (empty($info)) {
$result = false;
} elseif (!in_array($info[2], $displayable_image_types)) {
$result = false;
} else {
$result = true;
}
}
return $result;
}
add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2);

سخن پایانی

خوشبختانه روز به روز به کمک تکنولوژی‌های جدیدتر علاوه بر کاهش حجم و افزایش کیفیت تصاویر، موتورهای جستجوگر نیز درک بهتری از تصاویر سایت‌ها پیدا می‌کنند. این موضوع برای افرادی که فعالیت‌های سایتشان را بر پایه تکنیک‌های کلاه سفیدِ سئو و رضایت کاربران قرار داده‌اند یک خبر خوب است. چرا که نتیجه‌ی این تغییرات، افزایش سهم تصاویر در نتایج موتورهای جستجوگر است و پایبندی ما به بهینه‌سازی تصاویر، سهممان از این بازار را بیشتر خواهد کرد.

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

 

امین اسماعیلی

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

آموزش تولید محتوا

آموزش تولید محتوا

در دوره تولید محتوا مسیر نگارش محتوای ارزشمند و استانداردهایی که در جلب رضایت کاربر و درک گوگل از محتوای صفحه تاثیرگذار هستند را می‌آموزیم. تولید محتوا برای سایت کار ساده‌ایی نیست! ولی اگر اصول و استانداردهای سئو را شناسایی و رعایت کنیم، نتیجه‌ای ارزشمند به همراه دارد.

اطلاعات بیشتر
پرسش و پاسخ

پس از پاسخ گویی توسط کارشناسان، از طریق پیامک به شما اطلاع رسانی میشود

دیدگاه شما را با چه تصویری در سایت نمایش دهیم؟
امتیاز شما به این محتوا ارسال دیدگاه
امین ولی پور 28 فروردین 1401

خیلی خفن بود
و اینکه همه قسمت ها رو کاملا درک کردم جز یک قسمت و این سوال:
چرا همه عکس های یک سایت SVG نباشه؟ (فرض کنید تصاویر واقعی نخواهیم استفاده کنیم).
ممنونم

آکادمی وبسیما 1 اردیبهشت 1401

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

حمیدرضا مصطفی زاده 19 مرداد 1400

سلام وقت بخیر
الان قالب مقالات وب سیما ،عکس هاشون با چه فرمتی هست ؟

آکادمی وبسیما 25 مرداد 1400

سلام دوست عزیز
بسته به زمان انتشار و محتوای تصویر متفاوت است. عموما jpg، png یا در مواردی webp هستند.

مسعود 1 فروردین 1400

سلام وقت بخیر و تشکر از مقاله بی نظیرتون. واقعا هر کدوم از مقالاتتون رو میخونم تفاوت وبسیما با سایر سایت های سئو رو به وضوح درک میکنم.
یک سوال داشتم: ما تعداد زیادی تصاویر داخل سایتمون داریم و با فرمت های jpg و jpeg و png هستند. الان میخواهیم با تهیه و نصب افزونه وردپرسی Automatic WebP این تصاویر رو به webp تبدیل کنیم. طبق گفته فروشنده ی افزونه، تصاویر با فرمت سابق هم حفظ می شوند و بدون تغییر باقی می مانند و بعد از مدتی با فرمت webp بالا می ایند، یعنی خطای 404 بوجود نمیاد و url قبلی هر تصویر (با پسوند قبلی) هم حفظ میشه. با این وجود طوری که من از گفته های ایشون فهمیدم، یک تصویر هم با پسوند jpg. و هم با پسوند web. (یعنی با دو url متفاوت) در مرورگر قابل نمایش است (اگر کسی ادرس url ها رو تایپ کنه دو تصویر کاملا مشابه می بینه هرچند کمی شاید اختلاف کیفیت و اختلاف حجم عکس داشته باشن اما این دو تصویر خیلی شبیه به هم به نظر می رسند با این تفاوت که حجم تصویر با url مربوط بهwebp کمتره) ایا این کار به سئو تصاویر و کل سایت ضربه نمیزنه؟ با توجه به اینکه تصاویری که با دو url متفاوت قابل دسترسی هستن در ظاهر یکی هستند؟
مشکل محتوای تکراری یا مشکل سئویی دیگری نداره؟

پیشاپیش از پاسختون متشکرم

آکادمی وبسیما 9 فروردین 1400

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

رضا تاجیک 19 اسفند 1399

سلام.ضمن تشکر از مقاله خوبتون یه سوال داشتم،پلاگین‌ فتوشاپ رو در مسیر ذکر شده کپی کردم ولی تو لیست پلاگین های فتوشاپم نمیاد.چطور باید فراخوانی و استفاده کرد از این پلاگین؟

آکادمی وبسیما 19 اسفند 1399

سلام دوست عزیز
اگر در مسیر درست قرار داده باشید، زمانی که تصویر را با گزینه Save ذخیره میکنید فرمت webp به لیست فرمت های خروجی اضافه میشود.

علی طاعتی مرفه 29 بهمن 1399

سلام
خیلی ممنونمم از پاسخگویی تون
برای تبدیل تصویر به فرمت webp از سایت image.online-convert.com استفاده کردم، ولی حجم تصویر بیشتر از قبل شد!
البته قبلا اون عکس رو با فتوشاپ بهینه سازی کرده بودم ولی در فرمت jpg.
الان با فتوشاپ هم با نصب افزونه از مسیر save as و انتخاب فرمت webp انجام دادم؛ ولی باز حجم عکس کمتر نشد.
نرم افزار Adobe Photoshop CC.2014 استفاده میکنم. آیا به نسخه نرم افزار هم ارتباط داره؟

آکادمی وبسیما 13 اسفند 1399

سلام دوست عزیز
پیشنهاد میکنیم از افزونه پیشنهادی خود گوگل برای فتوشاپ استفاده کنید (لینک در متن مقاله درج شده)
هنگام ذخیره تصویر با فرمت webp میزان فشرده سازی را روی 70 درصد قرار دهید.

لیلا آزاد 29 بهمن 1399

سلام
ممنون از سری مقالات و ویدئوهایی که برای بهینه تصاویر سایت میذارین واقعن مفیدند و مفاهیم را از پایه روشن میکنند
من چندتا سوال داشتم:
قبلا در ویدئوهاتون گفته بودین webp در برخی مرورگرها پشتیبانی نمیشه، الان این مشکل حل شده؟
من افزونه webp را روی فوتوشاپ 2015.5.0 نصب کردم اما تصاویر رو سیاه و سفید میکنه؟
یکی هم اینکه چرا وردپرس اجازه آپلود تصاویر webp رو بهم نمیده؟

آکادمی وبسیما 13 اسفند 1399

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

جواد باقری 28 بهمن 1399

باید عرض کنم که مقالات شما فوق العادهست و امیدوار ادامه داشته باشد. با نهایت تشکر از شما و کلیه همکاران محترمتان .

چنگیز رهبری 28 بهمن 1399

خیلی خوب بود

علی توانافر 28 بهمن 1399

مقاله”فرمت مناسب تصاویر برای سئو” جالب بود سایتهایی که برای تبدیل فرمت تصاویر معرفی کردید، کاربردی بودند
خیلی وقت بود که “وب سیما” از این تیپ ایمیلها نفرستاده بود ،ممنون که به فکر ما هستید

آکادمی وبسیما 29 بهمن 1399

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

حامد نجفی تست تست 28 بهمن 1399

ممنونم از مقاله خوبتون
چه افزونه جانبی رو برای فوتوشاپ برای تبدیل فرمت به webp پیشنهاد میکنین؟

آکادمی وبسیما 29 بهمن 1399

سلام دوست عزیز
ما در حال حاضر از افزونه پیشنهادی خود گوگل برای فتوشاپ استفاده می‌کنیم. در این صفحه توضیحات تکمیلی و مسیر نصب توضیح داده شده است (دسترسی از آی پی ایران مسدود است)

هادی مخدومی 28 بهمن 1399

با سلام
ممنون از توضیحات مفیدتان

محمد لطیفی 28 بهمن 1399

محتوای خوبی بود ولی به مشکلات پیاده سازی webp اشاره ای نشده بود، ضمن اینکه میشد کمی اطلاعات جدیدتری هم اضافه کرد و درباره فرمت هایی مثل avif هم صحبت کرد

آکادمی وبسیما 29 بهمن 1399

سلام دوست عزیز
فرمت avif هنوز به پایداری نرسیده و استفاده از آن در این مقطع پیشنهاد نمیشود. هر زمان استفاده و اقبال عمومی از آن زیاد شد در همین مقاله معرفی خواهیم کرد.

علی طاعتی مرفه 24 بهمن 1399

سلام
خیلی ممونم از توضیحات مفید و کاربردی که ارائه کردین.
برای تبدیل تصاویر سایت به فرمت webp چه پیشنهادی دارین؟
خودتون از چه روشی استفاده کردین؟
افزونه هایی هم برای تبدیل فرمت به webp هست، آیا استفاده از افزونه رو پیشنهاد میکنید؟ و اگر آره چه افزونه ای رو؟

با استفاده از ابزارهای آنلاین که معرفی کردین یه عکسی رو که قبلا بهینه سازی کرده بودم رو به فرمت webp تبدیل کردم، اما حجمش کمتر نشد و بیشتر شد!
مگر فرمت webp حجمش کمتر نمیشه از jpg؟

آکادمی وبسیما 28 بهمن 1399

سلام دوست عزیز
برای این کار شما میتوانید از خود فتوشاپ (با نصب افزونه جانبی) استفاده کنید.
پیشنهاد میکنیم از افزونه ها برای این کار استفاده نکنید چرا که منابع سرور شما را مصرف میکنند و معمولا بر روی هاست های اشتراکی قابل اجرا نیستند.
دقیقا از چه ابزاری برای این کار استفاده کردید؟