پیشنهاد رایگان

سئو رایگان است! اگر این موارد را بدانید!

سئو رایگان است! اگر این موارد را بدانید!

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

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

چگونه عکس های سایت خود را فشرده کنیم؟

چگونه عکس های سایت خود را فشرده کنیم؟
چکیده این مطلب : زمان مطالعه : 3 دقیقه 16 نظر 24,670 بازدید

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

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

 

چرا باید عکس های وب سایت حجم بهینه داشته باشند؟

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

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

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

 

چه فرمتی از عکس ها برای انتشار در وب مناسب است؟

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


بهینه سازی عکس های وب سایت با استفاده از فتوشاپ

هر مدیر وب سایتی قطعا می داند که برای فشرده سازی عکس ها در اولین مرحله و بهینه سازی آنها جهت انتشار در وب می تواند از ابزار Save for web در نرم افزار فتوشاپ بهره ببرد.
شما با رفتن به منوی File و انتخاب این گزینه وارد صفحه جدیدی در نرم افزار فتوشاپ خواهید شد که می توانید با انتخاب فرمت و کیفیت عکس مد نظرتان حجم و کیفیت عکس را برای انتشار در وب بهینه کنید. فتوشاپ به شما هر دو فرمت JPEG و PNG را خروجی می دهد و شما می توانید با تنظیم دقیق کیفیت مد نظرتان خروجی نهایی را دریافت کنید.

 

 

بهینه سازی عکس های وب سایت با استفاده از ابزار آنلاین

هدف از نوشتن این مقاله آشنا کردن مدیر وب سایت ها با ابزار آنلاین کاهش حجم عکس بدون تغییر در کیفیت آن است و در این بخش ابزاری که می خواهیم به آن بپردازیم TinyPNG است.
وب سایت TinyPNG یکی از معروفترین ابزارهای آنلاین برای کاهش حجم عکس های شما جهت انتشار در وب سایت خودتان می باشد.
خوشبختانه وب سایت TinyPNG از فرمت PNG و JPEG پشتیبانی می کند و از هر دو دامنه زیر نیز در دسترس است:
https://tinypng.com
https://tinyjpg.com

 

نحوه کار با وب سایت TinyPNG

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

 

افزونه TinyPNG برای فشرده سازی خودکار عکس در وردپرس:

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


تجربه شخصی کار با سایت TinyPNG

علت معرفی این وب سایت تجربه بسیار خوبی است که سالها در هنگام کار با این سایت کسب کرده ام، هر زمان که یک عکس PNG با کیفیت احتیاج داشته باشید و نیاز شما طوری باشد که عکس باید بدون داشتن پس زمینه باشد، قطعا مشکل شما حجم بالای عکس خروجی است!
اگر از فتوشاپ استفاده می کنید یا باید فرمت PNG 8 را انتخاب کنید تا کیفیت پایین تر و حجم کمتری داشته باشید و یا باید از PNG 24 استفاده کنید که معمولا کیفیت فوق العاده و حجم بالایی خواهید داشت.
مشکل اصلی در بهینه سازی عکس ها برای انتشار در اینترنت معمولا برای فرمت PNG است و همین موضوع همیشه برای شما مشکل ایجاد خواهد کرد.
عکس های بدون پس زمینه یا Transparency باید با فرمت های GIF و PNG ذخیره شوند و اگر عکس شما دارای بخش های ظریف و پیچیده باشد قطعا خروجی کار شما دارای حجم بالایی خواهد بود.
اکنون فقط کافی است که عکس خود را به روی این سایت رها کنید و نسخه با کیفیت عالی و حجم مناسب را دریافت کنید.

 

نمونه فشرده سازی های انجام شده توسط TinyPNG

این نمونه ای است که در سایت TinyPNG منتشر شده است و میزان کاهش حجم و عدم تغییر در کیفیت عکس را به وضوح نشان می دهد.

 

فشرده سازی عکس با ابزار آنلاین TinyPNG برای بهینه سازی و انتشار عکس در اینترنت

 

مشاهده نسخه PDF مقاله: چگونه عکس های سایت خود را فشرده کنیم؟

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

راهنمای استفاده از گوگل سرچ کنسول و آموزش جامع و گام به‌گام آن

راهنمای استفاده از گوگل سرچ کنسول و آموزش جامع و گام به‌گام آن

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

گوگل تگ منیجر (GTM) و آموزش کار با آن

گوگل تگ منیجر (GTM) و آموزش کار با آن

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

آموزش گوگل ترندز؛ چطور از این ابزار برای رشد کسب‌وکارمان  استفاده کنیم؟

آموزش گوگل ترندز؛ چطور از این ابزار برای رشد کسب‌وکارمان استفاده کنیم؟

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

حذف مطالب قدیمی و بی‌کیفیت و تاثیر آن بر افزایش ترافیک سایت

حذف مطالب قدیمی و بی‌کیفیت و تاثیر آن بر افزایش ترافیک سایت

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

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

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

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

نقشه سایت (sitemap) چیست؟

نقشه سایت (sitemap) چیست؟

با استفاده صحیح از ابزار های سئو می توانید به صورت اصولی وب سایت خود را بهینه سازی کنید،در این مطلب به سایت مپ که یکی از ابزار های مهم سئو است خواهیم پرداخت.

نظرات

فرشاد حسین‌زاده
۰۰
پاسخسلام
مشکلی که با فشرده کردن عکس وجود داره اینه که رزولوشن صفحه نمایش دستگاه ها روز به روز در حال افزایش هست. و اگر یک عکس فشرده داشته باشیم و سایتمون روی یک موبایل با رزولوشن 1080 باز بشه عکسمون به شدت تار و بی کیفیت نمایش داده میشه و این اصلاً خوب نیست.
راه حل استفاده از lazyload هست. عکس با کیفیت پایین بعنوان پیشفرض قرار بگیره و عکس اصلی با رزولوشن و کیفیت بالاتر در صورت لزوم توسط lazyload لود بشه.
احمد
۰۰
پاسخاز بامیلو نخرید. یک میلیون تومنم یک ماهه دست بامیلو مونده، جوابگو هم نیستن
سعید ارزومند
۰۰
پاسخجالب بود تشکر
عباس مجرد
۰۰
پاسخسلام من سایت digiamol.ir و سایت amol-ads.ir را مدیریت میکنم البته نمایندگی شرکت فروتل هستم که با دادن پنل به هر فروشنده داریم کار میکنیم من سایت ها رو چطور پر بازدید کنم فروش را بالا ببرم با توجه به نماینده بودن نمیتونیم قالب زیباتری بگذاریم چون چند پنله هستیم تا چند وقت دیگر قالب بهتر میگذاریم میخوام کل بازار امل رو مجازی کنم کمکم کنید چه کنم تا زود راه بیفته سعی میکنم مانند شاگرد از راهنمایی شما بهره ببرم سپاس
میثم طریقی
۰۰
پاسخسلام برای سایت های ورد پرس بهترین فرمت عکس چیه ؟
png یا jpeg یا ...
زارعی
۰۰
پاسخسلام
آقای منصوری فر
ممنونم از شما
مهران
۰۰
پاسخآقای منصوری
ممنونم از شما
مهدی گران
۰۰
پاسخسلام
برای فشرده سازی عکس یه سری ابزارهای برنامه نویسی هم هست. مثلا یکی از ابزارهای ساخته شده برای nodeJS ( فریم ورک جاوا اسکریپتی) به نام GulpJS هست که میتونید مسیر عکس ها رو به اون بدید و تنها با وارد کردن یک دستور عکسهای فشرده شده رو تو مسیری که مشخص کردید تحویل بگیرید.
GulpJS یک ماژول برای Automate کردن فرآیند release وب سایت هست که کارهای تکراری فرآیند release رو میشه در قالب task براش نوشت تا اتوماتیک انجام بشه. کارهایی مثل :
فشرده کردن و ادغام کردن فایلهای جاوا اسکریپت
فشردن کردن فایلهای css
فشرده سازی عکس ها
و خیلی از کارهای دیگر به امکانات این ماژول برنامه نویسی به راحتی میشه انجام داد.
مهدی گران
۰۰
پاسخسلام
برای فشرده سازی عکس یه سری ابزارهای برنامه نویسی هم هست. مثلا یکی از ابزارهای ساخته شده برای nodeJS ( فریم ورک جاوا اسکریپتی) به نام GulpJS هست که میتونید مسیر عکس ها رو به اون بدید و تنها با وارد کردن یک دستور عکسهای فشرده شده رو تو مسیری که مشخص کردید تحویل بگیرید.
GulpJS یک ماژول برای Automate کردن فرآیند release وب سایت هست که کارهای تکراری فرآیند release رو میشه در قالب task براش نوشت تا اتوماتیک انجام بشه. کارهایی مثل :
فشرده کردن و ادغام کردن فایلهای جاوا اسکریپت
فشردن کردن فایلهای css
فشرده سازی عکس ها
و خیلی از کارهای دیگر به امکانات این ماژول برنامه نویسی به راحتی میشه انجام داد.
شهاب بشیری
۰۲
پاسخبا سلام و تشکر از مطالب خوبتون
خیلی عالی بود و چند تا عکس رو با همین روش کاهش حجم دادم که نزدیک 80 درصد حجمشون کاهش یافته بود بدون اینکه کیفیت اون تغییر کنه ، ممنون از شما
و پیشنهاد میکنم مقاله ای نیز درباره قالب استاندارد برای قرار دادن عکسها در سایت قرار بدین که بشه تمام عکسها ، با یه قالب استاندارد یا با طول و عرض یکسان در سایت قرار بگیرند
ممنون و تشکر از مطالب مفیدو کاربردیتون
میرزاییان
۰۱
پاسخ

باسلام و احترام محضرتان تشکر بابت مطالب زیبا بازم بسیار قدرتمند ظاهر شدید سایت بسیار زیبایی دارید. http://modireweb.com قطعا یکی از سایت های موفق در آینده نزدیک خواهید بود... افتخار ما آشنایی با شماست

امیر
۰۱
پاسخسلام
مقاله خوبی بود
فقط ذکر یک نکته خالی از لطف نیست ، اونم این که توی وردپرس (با توجه به فراگیر بودنش بین وبمستر های ایرانی) افزونه های زیادی هستند که این کار رو به صورت خودکار انجام می دن ، مثل wp smush و ...
خود وردپرس هم این قابلیت رو داره و با چند خط ساده می تونید تنظیمات اون رو ویرایش کنید ، توی آموزش زیر می تونید مشاهده کنید :
http://8theme.ir/how-to-change-wordpress-jpeg-image-compression
در ضمن تجربه ثابت کرده که اگه از وردپرس استفاده می کنید ، تا جایی که امکان داره تصاویر شاخصتون رو با فرمت PNG آپلود نکنید . تنها در صورتی از این فرمت استفاده کنید که اندازه اصلی تصویر رو توی سایتتون نمایش بدید . (چرا که وردپرس بعد از اپلود فایل PNG اونو فشرده می کنه و متاسفانه در بیشتر موارد نتیجه برعکس داره و حجم تصویر به شدت افزایش پیدا می کنه )
موفق باشید
شبنم خسروی
۰۱
پاسخ,واقعا مفید و کاربردی
ممنون
موذنی
۰۱
پاسخسلام خدمت شما
این آموزش خوبی بود و بسیار کاربردی
اکثرا سایت ها خیلی عکس دارند این روش ها بسیار برای بلابردن سرعت سایت مفید است و تاثیر خوبی دارد .
با تشکر
موذنی
آرش بیدختی
۰۳
پاسخبا سلام و احترام خدمت شما آقای مهندس منصوری فر عزیز.من همین الان مقاله بسیار عالی تونو خوندم و بلافاصله یک عکس png و یک عکس jpeg رو داخل سایتی گفتین انجام دادم و واقعا هم حجم عکس تا 80% کاهش پیدا کرد و هم جالبیش به اینجا بود که من هیچ تغییری در کیفیت عکس ندیدم.واعا ممنونم از انتشار مقاله بسیار خوبتون مثل همیشه
رضا جهانی
۰۱
پاسخباتشکر مطالب خوبی داخل سایت قرارمی دهید
از من بپرس فوتر

عضویت در خبرنامه

با عضویت در خبرنامه می توانید از جدیدترین مقالات، اخبار و محصولات سایت در ایمیل خود با خبر شوید...

به جمع کاربر ما بپیوندید
whatsapp