نحوه تغییر سایز و فرمت تصاویر سایت در سی پنل

نحوه تغییر سایز و فرمت تصاویر سایت در سی پنل

چرا باید سایز و فرمت تصاویر را در هاست به صورت آنلاین تغییر دهیم ؟

تصور کنید که مدیر یه وب‎سایت‎خبری‌بزرگ هستین و داخل‎سایتتون‎کلی عکس دارین و اون‌ها رو هر روز به کاربرانتون‌نمایش میدین.
داخل‌سایتتون نویسنده‎های‌خیلی‎زیادی‎دارین و روزانه‎اخبار و گزارش‎های‌تصویری‎زیادی‌رو برای‎شما ارسال‎می‎کنند تا شما اون‎ها رو بهینه‌سازی‎و منتشر‎کنید،
حالا مثلا فرض‌کنیدامروز یه‌گزارش‌برای‎شما ارسال‌شده که‎داخل‎سایتتون‎قرار بدین وداخل‎این‎گزارش‎در حدود ۲۰ تصویروجود داره‎که‌طول‌این
تصاویرخیلی‎زیاد هستش‎و به‌اصطلاح‎بسیار‎بزرگ‌هستند و‎این‎تصاویر‎داخل‌قالب‎سایت‌شما نمیگنجه.حالا برای‌حل‌این‌مشکل‎دوتا راه‌حل‎وجود داره.

راه‌اول‌

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

راه‌حل‌دوم‌

‎اگه‌هاست‎شما c panel  باشه‌توسط ابزار images به‌صورت‌آنلاین‌تو
خود هاست‌سایز تصاویر رو به‌سایز مورد نظرتون‌تبدیل‌کنین‌و دیگه‌نیازی‌به‌حذف‌تصاویر قبلی‌و آپلود تصاویر جدید ندارین‌و هاست‌به‌صورت‌خودکار این‌کار رو برای‌شما انجام‌میده،ماهم‌تو این‌آموزش‌تصمیم‌داریم‎نحوه‌تغییر سایز
تصاویر،تغییر فرمت‌تصاویر و تبدیل‌تصاویر بزرگ‌به‌تصاویر بندانگشتی رو داخل‌هاست‌سی‌پنل‌به‌شما آموزش‌بدیم،پس‌با ما در ادامه‌این‌آموزش‌کاربردی‌همراه‌باشید.

راهنمای کار با ابزار images در سی پنل

در ابتدا توسط آموزش نحوه ورود به سی پنل وارد هاست سی پنل سایتتون بشین و از قسمت files بر روی Images کلیک کنید تا وارد این قسمت بشین،

نحوه تغییر سایز و فرمت تصاویر سایت در سی پنل

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

  • Thumbnailer که توسط این ابزار قادر هستین یه دایرکتوری یا فولدر از هاستتون رو انتخاب کنید و بعدش یه تنظیماتی رو اعمال کنید تا از تموم تصاویر داخل اون دایرکتوری یه تصویر بند انگشتی هم برای شما ایجاد بشه.
  • Scaler که توسط این ابزار قادر هستین ابعاد یا سایز تصاویر داخل یه دایرکتوری از هاستتون رو به صورت آنلاین تغییر بدین.
  • Converter که توسط این ابزار قادر هستین فرمت تصاویرتون رو به صورت آنلاین داخل هاست تغییر بدین، مثلا میتونین فرمت تصاویر رو از jpg به png تغییر بدین.

نحوه ایجاد تصاویر بند انگشتی در سی پنل

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

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

 

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

تا به‌صفحه Images Thumbnailer منتقلبشیم‌و حالا از قسمت Scale Percent میتونیم‌درصد مقیاسبند انگشتی‌کردن‌تصاویررو تعیینکنیم،مثلا الان‌نسبت ۲۵ درصد برایطول‌و عرض‌تصاویر
انتخاب
شده،وقتیداخل‌اینجا ۲۵ درصد قرار گرفته‌باشه‌یعنی سایزتصاویر بندانگشتیمونمیشهیکچهارمسایز تصاویر اصلی‏داخلاینپوشه،پسما ایندرصد رو تغییرش‌نمیدیم‌و حتما دقت‌رو در نظر میگیرهو در هنگامبندانگشتیکردن‌تصاویر نسبتابعاد
رو حفظ میکنه
تا تصویرما زیاد کشیده‌نشه‌و کیفیت‌ظاهریش‌تغییر نکنه و بعدش براینهایی‌شدن انجام کار بر روی thumbnail images کلیک می کنیم.

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

نحوه تغییر سایز و فرمت تصاویر سایت در سی پنل

حالا این تصویر رو مد نظر داشته باشین و دوباره بر میگردیم به همون جایی‎که این‎تصویر رو از داخلش‎باز کردیم.

نحوه تغییر سایز و فرمت تصاویر سایت در سی پنل

اگه‌دقت کنین اینجا یه‎فولدر وجود داره تحت‎عنوانه thumbnails و این‎فولدر از قبل‎وجود نداشته،سی‌پنل این‎فولدر رو ساخته‌و تصاویر بند انگشتی رو
داخلش‎قرار داده،چیزی که میشه‎نتیجه گرفت اینه که هاست تصویر اصلی رو بند انگشتی‌نمیکنه،
بلکه‎اون‎تصویر رو سر جای‎خودش‎حفظ میکنه‌و به‌صورت‎خودکار یه‌فولدرایجاد میکنه‌و تصاویربند انگشتی‎رو داخل‎اون‎قرار میده،حالا دو مرتبه‌بر روی‌نام‌این فولدر
کلیک‎می کنیم تا واردشبشیم،همونطور‌که‌میبینین‌یه‌تصویر
داخل‎اینجا هستش‎با عنوان tn_background.jpg و قسمت tn اول نام‎تصویر مخفف thumbnail یا بند انگشتی‏هستش و برای دیدن‎این‎تصویر هم‌روش کلیک راست
می‌کنیم و گزینه view رو میزنیم، همونطوری که مشاهده میکنین این نسخه کوچیک شده تصویر اصلیمون هستش

نحوه تغییر سایز و فرمت تصاویر سایت در سی پنل

 

که در مرحله قبلی مشاهدش کردیم و کارمون به خوبی انجام شده و این عالیه.

نحوه تغییر سایز و ابعاد تصاویر در سی پنل

خیلی خب الان دوباره مطابق تصویر وارد قسمت Images هاستمون‎میشیم و‎حالا تصمیم‎داریم‏نحوه‏تغییر سایز یا ابعاد تصاویر رو به‎صورت آنلاین‏داخلهاستبهشما آموزشبدیم.برای انجام این کار باید روی ابزار Scaler کلیک کنیم تا دایرکتوری‌های اصلی هاستمون رو به ما نمایش بده.

نحوه تغییر سایز و فرمت تصاویر سایت در سی پنل

قبل‏ازانجام‎کار،نکته‎مهمی‎که‌باید به‎شما بگیم‎اینه‎که‏مراحل‎تغییرسایزتصاویرمثل‎تبدیل‎تصاویربه‎بندانگشتی‎نیست‎که‌باید کل‎فولدرمورد نظرمون‌رو انتخاب‎میکردیمتا برروی‎تمام‎تصاویرمون‎تغییرات‌لحاظ بشه،تو مراحل‎تغییرابعاد تصاویرما باید وارد فولدرمورد نظرمون‎بشیم‌و فقط‎‌ یه‌عکس‌رو انتخاب‌کنیم‌و سایزیا ابعادش‌رو تغییربدیم،
برای‎انجام‌این کار از این‎قسمت‎باید اول بر روی آیکون‎آبی رنگ‎پوشه public_html دو بار کلیک‌کنیم‎تا
وارد این‌قسمت‎بشیم،بعدش‌برروی‎آیکون‌آبی‌رنگ‌فولدر images کلیک‌می کنیم‌تا وارد جایی‎بشیم‎که‎تصویرمون‎رو داخلش‌آپلود کردیم،حالا با توجه‌به‌این‌که‌اسمه‌تصویرمون background.jpg هستش‌یه‌بار روش‌کلیک‌می کنیم

نحوه تغییر سایز و فرمت تصاویر سایت در سی پنل

تاوارد قسمت Images Scaler بشیم  و همونطوری که میبنین‎‌اینجا تصویرمون‎برای‎ما به‌نمایش‎دراومده‌وحالا ازقسمت New Dimensions قادرهستیم‌ابعاد
جدید تصاویرمون‌رو وارد کنیم،
مثلا الان‌طول‎تصویرما ۷۹۹ پیکسل‎در ۴۹۵ پیکسل‎هستش‌و ما به‎جای‎طول‌وارد می‌کنیم ۶۰۰ و همونطوری‌که‌مشاهده‌می‌کنید عدد عرض‌تصویر هم‌میشه ۳۷۱ پیکسل‌و این‌به‌این‌خاطره‌که‌هاست‎نسبت‎ابعاد
شده ۷۵ درصدوخورده‌ای.اگه‎از اینجا این‎درصد رو دوباره‎تنظیم‎کنیم‌روی ۱۰۰ درصد،همونطوری‎که‏میبنین‎سایزتصویر برمیگرده‎به‎حالت‏اولیش،درواقع‎از قسمت‎بالایی‎شما میتونین‎سایز تصویررو تعیین‎کنین‎و اگرم‎دوست‌نداشتین‌سایز تعیین‎کنین‌از این‎قسمت‎درصد تعیین‎کنین‎تا ابعاد تصاویرمطابق‌میل‎شما
تغییرکنه‎و حالا ما توقسمت‎درصد مینویسیم ۵۰،یعنی‎سایز تصویرمون‌بشه ۵۰ درصد تصویر اصلی؛

به‌این‌معنا که‌ابعاد تصاویرمون‌بشه‌یک‌‌‌‌دوم‌حالت‌اصلیش‌و همونطور که‌میبنین‌سایز‍تصویر‌نصف‎میشه،حالا‌ اگه‎یه‎زره ریزبین‎باشین‌قسمتKeep Aspect Ratio رو از این‌قسمت‌مشاهده‌میکنین‌که‌به‌صورت‌پیشفرض‌تیک‌دارهستش‌و وظیفه‌این‎قسمت‎اینه‌که‌نسبت‎ابعاد تصاویر رو درهنگام‎تغییر سایزحفظ‌‌ کنه‌و اگه‌شما یه‌موقع‌تمایل‌داشتین
نسبت‌ابعاد حفظ‌‌‌‌‌‌نشن‌و تصاویرزیادکشیده‌بشن‌وابعاد دقیق‌مورد‌ نیازشما رو داشته‌باشن‌میتونین‌تیک‎این‎گزینه‎رو بردارین‌و بعدش‎مقادیر ابعاد‌مورد نظرتون‎رو داخل‌فیلدها‌وارد کنید.حالااگه‎یه‎مقداری‎بیاین‎پایین‌ترقسمتRetain a copy of the old image asرودرپایین‌عکس‌مشاهده‌می‌کنید
که‎تیک‎دارو فعال‎هستش‎و کاربرد این‎گزینه‎اینه‎که‎علاوه‌براین‌که‌تصویرجدید با ابعاد درخواستی‎رو برای‌شما ایجاد میکنه،تصویرقبلیتون‌رو هم‌براتون‌داخل
همون‎دایرکتوری‎با یه‎نام‎جدید که‎اولش old هست‎نگهداری‎میکنه،یه‎مقدارپایین‌تردکمه reset dimensions رومشاهده‎می‎کنیدکه‌کاربرداین‌گزینه‌اینه‌که‎وقتی‎روش‎کلیک
‎کنید ابعاد تصاویررو براتون‎ریست‎میکنه‎و‌کل‎تنظیماتی‎که‌اعمال‎کردین‌از بین‎میرن‎وابعاد تصویربه‎حالت‎اولیش‌برمیگرده‌و قادرهستین مجددا سایزهای‌جدیدی‎رو به‌تصویرانتخابیتون‌بدین،حالابرای‎ذخیره‎‌تنظیمات‎وتبدیل‎عکس‎به‎سایزمورد نظرمون‎بر روی‌دکمه‌آبی‎رنگ Scale image کلیک‌می‌کنیم.

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

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

و اگه‎مطابق‎تصویربه‎فایل‎منیجرهاست‎برگردیم‎و بریم‎به‎اونجایی‎که‎تصاویرداخل‏اون‎قرارداشت،میبنیم‎که‎یه‎عکس‎جدید اینجا ایجاد شده‎تحت‎عنوان old-background.jpg و old اول‌اسمه‌تصویر یعنی‌این‎تصویر قدیممون‎هستش‎با سایز اصلی‎پس روش‎یه‎کلیک‎راست‌میکنیم و گزینه view رو میزنیم،
وهمونطوری که‎میبینین این تصویر اصلی‎ما هستش با همون‎سایز اولیش‌و همه مراحل‌به خوبی انجام شده و خود تصویر background.jpg هم
که با سایز جدیدش در دسترسه.

نحوه تغییر فرمت تصاویر سایت در سی پنل

حالا تصمیم داریم نحوه تغییر فرمت تصاویر رو به شما آموزش بدیم،تا بدون نیاز به این که تصاویر رو بیارین‌داخل‌کامپیوترتون
و توسط نرم افزار های خاص فرمت اون ها رو به فرمت مورد نیازتون تغییر بدین از طریق‎هاست به صورت‌آنلاین‌این
کار رو انجام بدین،برای‌انجام این کار مجددا وارد قسمت images میشیم و حالا بر روی قسمت Converter کلیک می کنیم.

و بر روی آیکون پوشه آبی‌رنگ‎کناره public_html کلیک‎می‌کنیم و بعدش‎بر روی‏آیکون پوشه‌کنار فولدر images کلیک‌می کنیم.حالا باید‏‌تصویرمون‎که‎تصمیم‎داریم‎فرمتش‎رو تغییر بدیم‌رو انتخاب‌کنیم،
پس‌ما بر روی‌تصویر background.jpg کلیک‎می‎کنیم‌تا انتخاب‌بشه‎و همینطور که‎دیدین‎فرمت‎این‎تصویر در آخر نام‎اون‎نوشته‌شده‌و یه‎تصویر با فرمت.jpg هستش
حالا تو قسمت Images Converter ما باید‌از این‎قسمت‌فرمت‎جدید مورد‌ نظرمون‌رو انتخاب‌کنیم‌و بسته‌به‌نیازمون‌میتونیم‌یکی‌از این‌فرمت‌ها روانتخاب‌کنیم،ما فرمت .png که‌یه‌فرمت‌متداول‌و کاربردی‌در وب‌هستش‌رو انتخاب‌می‌کنیم

و بعدش برای تبدیل تصویر به فرمت‌مورد نظرمون‎بر روی‎دکمه آبی‎رنگ convert کلیک‎می‌کنیم‌تا پیغام‌سبزرنگ Your images have been converted رو مشاهده‌کنیم.
حالا برای مشاهده نتیجه نهایی کارمون وارد فایل منیجر هاست میشیم و بعدش وارد دایرکتوری که این‌تصویر‌قبلا،داخلش‌بوده‌میشم و‌همونطوری‌که‌میبنین‌علاوه‌بر این‌که‌داخل‌اینجا یه‎عکس‌هستش،
با نام background.jpg یه عکس دیگه،هم تولید شده با نام background.png که همون پسوند مورد نظرمون،هستش و‎نکته جالب اینه که‎هاست،
علاوه بر این که تصویر اولیه رو با فرمت اولیش‌حفظ کرده، تصویر مورد نظرمون رو با فرمت جدیدهم‌داخل‌همین‎مسیر قرار داده،

جالبه نه ؟

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

من محمد قدسی هستم ، علاقه مند به طراحی سایت و سئو ، از سال ۱۳۹۶ فعالیت خود را در این زمینه آغاز کردم و تا کنون پروژه های بسیاری را انجام داده ام ، علاقه مند به ورزش و موزیک های سنتی و پاپ

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *