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

motorola30

کاربر عضو
دورد

وقت بخیر

دوستان اگر امکانش هست در مورد بهترین افزونه سازگار با وردپرس که بتونم تصاویر رو بهینه سازی کنم معرفی کنید
جستجو کردم و به افزونه WP Smush رسیدم که خیلی ازش تعریف میکردن

البته تویه نظرات دیدم که گفته بودن با فتوشاپ اول باید حجم کم کنم ، با کم کردن حجم از کیفیت میفته عکس ها !

دقیقا نمیدونم چطوری این کارو انجام بدم و استاندارد کم کردن حجم و سایز تصاویر باید چقدر باشه ...

ولی چند تا سوال دارم 

1- این افزونه پس از نصب و فعالسازی ، تصاویرم رو بی کیفیت نمیکنه ؟
2- چطوری بصورت دستی قبل از آپلود تصاویرم ، بهینه سازی کنم که نیاز به این افزونه نباشه ؟
3- در مورد افزونه WP Smush مشکلی با بقیه افزونه ها گزارش نشده (ناسازگاری) ؟
 

 
آخرین ویرایش توسط مدیر:

Mohammad

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

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

 

حسن غویشه

کاربر عضو
درود

@motorola30 خوب هستی عزیزم؟!

1- این افزونه پس از نصب و فعالسازی ، تصاویرم رو بی کیفیت نمیکنه ؟
تا به حال استفاده نکردم

2- چطوری بصورت دستی قبل از آپلود تصاویرم ، بهینه سازی کنم که نیاز به این افزونه نباشه ؟
یه روش با فتوشاپ هست که اگه بخواید توضیح میدم (ولی خوب راه دشوار تری داره) و یکیش هم استفاده از Pain خود ویندوز (البته اگه از ویندوز استفاده می فرمایید که در پایین شرح میدم

3- در مورد افزونه WP Smush مشکلی با بقیه افزونه ها گزارش نشده (ناسازگاری) ؟
طبیعتا با هر بروزرسانی در خود افزونه یا وردپرس و ... شاید مشکلی بوجود آید و خوب همین جاست که مدیر فنی معنی پیدا میکنه (بعد از اعلام بروز رسانی صبر و جستجو نمایید اگر مشکلی نداشت شما هم بعد از بک آپ بروز نمایید!

برنامه Paint را از مسیر زیر اجرا فرمایید

Start > All Programs > Accessories > Paint

پیشنهاد میکنم برای دفعات بعدی برنامه رو در تسکبار پین نمایید :)

کلید های ترکیبی زیر را بزنید

Ctrl + O

تصویر مورد نظر رو انتخاب نمایید

در سربرگ Home  و قسمت Image روی Resize کلیک نمایید

در پنجره باز شده (Resize and Skew) روی دکمه رادیویی Pixels کلیک نمایید

در کادر های Horizontal و Vertical مقادیر مورد نظر (نسبط به سایزی که عکس در سایت شما به شکل درستی نمایش داده شود) را وارد کنید

Ok بزن

حالا F12 رو بزن و ذخیره کن

نه جون من حال کردی؟! ساده، راحت، قوی

سوال دیگه ای بود در خدمتم :)

 

motorola30

کاربر عضو
درود

@motorola30 خوب هستی عزیزم؟!

تا به حال استفاده نکردم

یه روش با فتوشاپ هست که اگه بخواید توضیح میدم (ولی خوب راه دشوار تری داره) و یکیش هم استفاده از Pain خود ویندوز (البته اگه از ویندوز استفاده می فرمایید که در پایین شرح میدم

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

برنامه Paint را از مسیر زیر اجرا فرمایید

Start > All Programs > Accessories > Paint

پیشنهاد میکنم برای دفعات بعدی برنامه رو در تسکبار پین نمایید :)

کلید های ترکیبی زیر را بزنید

Ctrl + O

تصویر مورد نظر رو انتخاب نمایید

در سربرگ Home  و قسمت Image روی Resize کلیک نمایید

در پنجره باز شده (Resize and Skew) روی دکمه رادیویی Pixels کلیک نمایید

در کادر های Horizontal و Vertical مقادیر مورد نظر (نسبط به سایزی که عکس در سایت شما به شکل درستی نمایش داده شود) را وارد کنید

Ok بزن

حالا F12 رو بزن و ذخیره کن

نه جون من حال کردی؟! ساده، راحت، قوی

سوال دیگه ای بود در خدمتم :)
درود

ممنون شما خوب هستین ؟

خیلی سریع و عالی بود 

ولی پس از تغییر از کیفیت میفته !

مثلا عکس با پیکسل 900x900 به 415x415 تبدیل کردم ، که با قابلیت زوم فروشگاه کیفیتش بد شد 

به همین خاطر تصاویر فروشگاه رو دقیقا نمیدونم چند بزارم که استاندارد باشه (از پشتیبان قالب پرسیدم ، میگه از دمو قالب کمک بگیر ) !!

ولی تا الان از 800x800 استفاده کردم

برای مثال تصویر لینک زیر رو مشاهده کنید :



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

چون دارم رویه gtmetrix تنظیم میکنم و سرعت لود صفحه اصلی فروشگام تویه موبایل خیلی داغون شده ، به همین خاطر دست به کار شدم همه تصاویر رو بهینه کنم

البته ممنون میشم از طریق فتوشاپ هم بهم آموزش بدین 

سپاس

 

.امیر

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

حدودا 50 درصد حجم عکس رو بدون افت کیفیت کم میکنه...

 
آخرین ویرایش توسط مدیر:

m0h4mm4d

کاربر عضو
تصویر را داخل فتوشاپ باز کن ، بعد گزینه save for web یا یک همچین چیزی داره . یک پنجره با کلی تنظیم داخلش باز میشه . همون اندازه تصویر را بزن و کیفیت را هم روی 100 درصد بزار . معمولا همین کفایت میکنه . و بهترین راه هم همین هست . اگر خواستی پیشرفته تر بلد بشی باید همین صفحه را بهتر یاد بگیری .

اون برنامه smush هم برنامه معروفی هست . مشکلی نداره . ولی به پای ادیت دستی که نمیرسه .

 

motorola30

کاربر عضو
تصویر را داخل فتوشاپ باز کن ، بعد گزینه save for web یا یک همچین چیزی داره . یک پنجره با کلی تنظیم داخلش باز میشه . همون اندازه تصویر را بزن و کیفیت را هم روی 100 درصد بزار . معمولا همین کفایت میکنه . و بهترین راه هم همین هست . اگر خواستی پیشرفته تر بلد بشی باید همین صفحه را بهتر یاد بگیری .

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

برای تصاویر جدید حتما این کارو میکنم ، ولی برای قدیمی ها درگیرم 

باشه ، افزونه smush تست میکنم

 

جاویدان

کاربر عضو
با سلام دوست عزیز

بهترین حالت عکس در ذخیره فوتوشاپ و سایر نرم افزار ها بلحاظ کم کردن حجم  jpeg هستش بخصوص در حالت ذخیره برای وب البته نکته مهم اینه که شما هر قدر سایز رو کم کنی صدرصد کیفیت کار کمتر میشه بجز در مواردی که از حالت برداری استفاده بشه مثلا Adobe Illustrator  که خوب برای عکس نمیشه اعمال کرد و بهتره فقط در طراحی برداری ازش استفاده کنید.

حالتهای دیگه ای مثل ttif png gif هم هستند png بهترین حالت برای عکسهایی است که پس زمینه ندارند و میشه حجمشون رو تقریبا بر اساس پالت رنگی بهینه کرد ttif هم کیفیت بالا و حجم بالا رو با هم داره تازه امکان ویرایش هم میده

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

این افزونه خیلی سریع بعد از نصب با دستور شما از عکسها حالتهای مختلفی ایجاد می کنه  یعنی شما بهش یک عکس با رزولویشن 1024*768 که یک تصویر استاندارد بزرگ میشه رو بهش میدی خودش در حالتهای پیش فرض وردپرس و وکامرس و قالب شروع به ساختن می کنه فقط نکته مهم اینه که چون چند حالت عکس رو ایجاد می کنه حتما باید فضای مناسبی (منظور چند گیگ نیست اونقدر حجم سازی نمیشه)  در سرور داشته باشید که به مشکل نخورید عکس ها هم کیفیت مناسبی خواهند داشت و هم مناسب با درخواست لحظه کاربر لود میشه

یک افزونه رایانه هستش که بنده  ازش زیاد استفاده می کنم برنامه عالیه خوب هم حجم کم میکنه Advanced JPEG Compressor

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

موفق باشید

 

motorola30

کاربر عضو
با سلام دوست عزیز

بهترین حالت عکس در ذخیره فوتوشاپ و سایر نرم افزار ها بلحاظ کم کردن حجم  jpeg هستش بخصوص در حالت ذخیره برای وب البته نکته مهم اینه که شما هر قدر سایز رو کم کنی صدرصد کیفیت کار کمتر میشه بجز در مواردی که از حالت برداری استفاده بشه مثلا Adobe Illustrator  که خوب برای عکس نمیشه اعمال کرد و بهتره فقط در طراحی برداری ازش استفاده کنید.

حالتهای دیگه ای مثل ttif png gif هم هستند png بهترین حالت برای عکسهایی است که پس زمینه ندارند و میشه حجمشون رو تقریبا بر اساس پالت رنگی بهینه کرد ttif هم کیفیت بالا و حجم بالا رو با هم داره تازه امکان ویرایش هم میده

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

این افزونه خیلی سریع بعد از نصب با دستور شما از عکسها حالتهای مختلفی ایجاد می کنه  یعنی شما بهش یک عکس با رزولویشن 1024*768 که یک تصویر استاندارد بزرگ میشه رو بهش میدی خودش در حالتهای پیش فرض وردپرس و وکامرس و قالب شروع به ساختن می کنه فقط نکته مهم اینه که چون چند حالت عکس رو ایجاد می کنه حتما باید فضای مناسبی (منظور چند گیگ نیست اونقدر حجم سازی نمیشه)  در سرور داشته باشید که به مشکل نخورید عکس ها هم کیفیت مناسبی خواهند داشت و هم مناسب با درخواست لحظه کاربر لود میشه

یک افزونه رایانه هستش که بنده  ازش زیاد استفاده می کنم برنامه عالیه خوب هم حجم کم میکنه Advanced JPEG Compressor

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

موفق باشید
درود

ممنون بابت راهنمایی 

دقیقا هرچقدر سایز کم کنم کیفیت از دست میدم . ولی ممنون میشم در مورد کم حجم کردن تصاویر با فتوشاپ راهنمایی کنید /

بیشتر برای تصاویر صفحه اصلی فروشگاه از png استفاده میکنم و مابقی فقط سایز 800x800 میدم و آپلود میکنم

این افزونه Regenerate Thumbnails  مشکلی برای قالب پیش نمیاره ؟

والا من دو ماه هیچی نصب نکردم ، الان زیر کالاها قسمت نظرات کاربران کسی نمیتونه نظر بده و پشتیبان میگه افزونه نصب کردم  ( لینک زیر )







درمورد افزونه Advanced JPEG Compressor میشه از نرم افزار زیر استفاده کنم ؟؟


 
آخرین ویرایش توسط مدیر:

جاویدان

کاربر عضو
با سلام دوست عزیز

در مورد Advanced JPEG Compressor  می تونید از این نسخه استفاده کنید البته نسخه 2017 اومده جدید ولی کرکی براش نیست همین کارتون رو راه میندازه بنده هم همین نسخه رو استفاده می نمایم .

عکس های png به لحاظ کاربری و طیف رنگی و اینه در جاهایی که نیاز به پس زمینه متغییر دارید خوبند ولی گاها سنگین میشن البته اگر در فوتوشاپ در حالت خروجی وب اون رو روی png8 قرار بدید در حداکثر فقط کمی تیره تر میشن ولی حجم گاها مناسبی ازش کم میشه

بهترین حالت برای عکسهایی که قرار در یک پست ثابت یا فروشگاه ثابت باشند اینه که از فرمت jpeg استفاده بشه این فرمت علاوه بر فشرده کردن مناسب حجم کمتری رو در بر میگیره و قابلیت چاپ خوبی هم داره در فوتوشاپ طبق مسیر قبلی کافیه روی نصف کیفیت قرارش بدید ولی یادتون باشه اولویت شما باید معلوم باشه بنده نظرم همون 1024*768 معروف هست که در یک کادر مانیتور 17 یا 19 جا میشه

البته چون در وردپرس و وکامرس بیشتر حالت مربع مد نظر هستش شما از 1000 در 1000 یا 1024 در 1024 استفاده کنید البته سایز 800 در 800 نیز خوبه البته به شرطی که عکس نیز  در همین حدود حالت باشه البته گاها نیازه برای رفع این مشکل فضای سفید بهش بدید تا شک ظاهری عکس حفظ بشه

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

در مورد نظرات سایت شما اگر شما وردپرس و وکامرس رو به نسخه آخر بروز کردید و قالب رو بروز نکردید باید هم در نظرات به مشکل بخورید علت هم در تغییرات زیاد در این قسمتهاست کافیه از قسمت وضعیت در ووکامرس ببینید آیا بخشی قرمز رنگ دارای اخطار هست یا خیر

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

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

موفق باشید

 

جاویدان

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

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