این مطلب را به دوست خود ارسال کنید

* نام شما:
* آدرس ایمیل دوست خود را بنویسید:

اطلاعات شما نزد مدیر وب کاملا محفوظ می باشد

چگونه عکس های سایت خود را فشرده کنیم؟ print send-to-friend

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

چکیده :

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

۱۳۹۵/۰۳/۰۹ ۱۴

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

 

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

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

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

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

 

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

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


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

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

 

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

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

 

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

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


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

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

 

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

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

 

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

 

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

 

امتیاز شما به این مطلب

تعداد امتیازها: 13

مهران منصوری فر
نویسنده : مهران منصوری فر

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

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

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

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

نظرات خود را با ما درمیان بگذارید

captcha Refresh
captcha Refresh
سعید ارزومند:
۱۳۹۵/۱۰/۲۱
0upvote

جالب بود تشکرپاسخ

عباس مجرد :
۱۳۹۵/۰۵/۲۲
0upvote

سلام من سایت digiamol.ir و سایت amol-ads.ir را مدیریت میکنم البته نمایندگی شرکت فروتل هستم که با دادن پنل به هر فروشنده داریم کار میکنیم من سایت ها رو چطور پر بازدید کنم فروش را بالا ببرم با توجه به نماینده بودن نمیتونیم قالب زیباتری بگذاریم چون چند پنله هستیم تا چند وقت دیگر قالب بهتر میگذاریم میخوام کل بازار امل رو مجازی کنم کمکم کنید چه کنم تا زود راه بیفته سعی میکنم مانند شاگرد از راهنمایی شما بهره ببرم سپاس پاسخ

میثم طریقی :
۱۳۹۵/۰۴/۲۵
0upvote

سلام برای سایت های ورد پرس بهترین فرمت عکس چیه ؟
png یا jpeg یا ...پاسخ

زارعی :
۱۳۹۵/۰۳/۱۸
0upvote

سلام
آقای منصوری فر
ممنونم از شما پاسخ

مهران :
۱۳۹۵/۰۳/۱۲
0upvote

آقای منصوری
ممنونم از شماپاسخ

مهدی گران:
۱۳۹۵/۰۳/۱۲
0upvote

سلام
برای فشرده سازی عکس یه سری ابزارهای برنامه نویسی هم هست. مثلا یکی از ابزارهای ساخته شده برای nodeJS ( فریم ورک جاوا اسکریپتی) به نام GulpJS هست که میتونید مسیر عکس ها رو به اون بدید و تنها با وارد کردن یک دستور عکسهای فشرده شده رو تو مسیری که مشخص کردید تحویل بگیرید.
GulpJS یک ماژول برای Automate کردن فرآیند release وب سایت هست که کارهای تکراری فرآیند release رو میشه در قالب task براش نوشت تا اتوماتیک انجام بشه. کارهایی مثل :
فشرده کردن و ادغام کردن فایلهای جاوا اسکریپت
فشردن کردن فایلهای css
فشرده سازی عکس ها
و خیلی از کارهای دیگر به امکانات این ماژول برنامه نویسی به راحتی میشه انجام داد.پاسخ

مهدی گران:
۱۳۹۵/۰۳/۱۲
0upvote

سلام
برای فشرده سازی عکس یه سری ابزارهای برنامه نویسی هم هست. مثلا یکی از ابزارهای ساخته شده برای nodeJS ( فریم ورک جاوا اسکریپتی) به نام GulpJS هست که میتونید مسیر عکس ها رو به اون بدید و تنها با وارد کردن یک دستور عکسهای فشرده شده رو تو مسیری که مشخص کردید تحویل بگیرید.
GulpJS یک ماژول برای Automate کردن فرآیند release وب سایت هست که کارهای تکراری فرآیند release رو میشه در قالب task براش نوشت تا اتوماتیک انجام بشه. کارهایی مثل :
فشرده کردن و ادغام کردن فایلهای جاوا اسکریپت
فشردن کردن فایلهای css
فشرده سازی عکس ها
و خیلی از کارهای دیگر به امکانات این ماژول برنامه نویسی به راحتی میشه انجام داد.پاسخ

شهاب بشیری:
۱۳۹۵/۰۳/۱۱
2upvote

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

میرزاییان:
۱۳۹۵/۰۳/۱۰
1upvote

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

پاسخ

امیر:
۱۳۹۵/۰۳/۱۰
1upvote

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

شبنم خسروی :
۱۳۹۵/۰۳/۱۰
1upvote

,واقعا مفید و کاربردی
ممنون
پاسخ

موذنی:
۱۳۹۵/۰۳/۱۰
1upvote

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

آرش بیدختی
آرش بیدختی:
۱۳۹۵/۰۳/۱۰
3upvote

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

رضا جهانی:
۱۳۹۵/۰۳/۱۰
1upvote

باتشکر مطالب خوبی داخل سایت قرارمی دهیدپاسخ

كپی برداری از مطالب مدیر وب در وب سایت ها و وبلاگ ها به صورت متن کامل یا بخشی از آن از نظر قانونی و شرعی حرام بوده و مدیر وب هیچگونه رضایتی در این مورد ندارد.

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

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

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