0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

بهینه سازی تصاویر وردپرس

نویسنده پشتیبانی وب یار
امتیاز مطلب
5/5 - (1 امتیاز)
تعداد بازدید 2601
تاریخ بروزرسانی ۲۷ اردیبهشت ۱۴۰۱

برای اینکه مطالب شما کاملا بهینه باشد ،ضروریست که تصاویری هم که استفاده میکنید بهینه باشند،به همین منظور آموزش بهینه سازی تصاویر وردپرس با فتوشاپ که توسط تیم طراحی سایت اصفهان وب یار تهیه گردیده است را  به شما آموزش می دهیم.

شاید بتوان گفت بدون وجود تصاویر در محتوا یک جای کار می لنگد و نمی توان محتوایی را پیدا کرد که حداقل یک تصویر نداشته باشد. اما صرف اینکه شما یک تصویر در سایت خود بارگذاری کنید کافی است و می تواند اثر مثبتی بر روی سئو داشته باشد ؟

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

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

شاید برای شما هم اتفاق افتاده باشد که زمانی که یک تصویر با پسوند jepg را در ورد پرس خود آپلود میکنید به شدت از کیفیت آن کاسته شده است,می خواهیم مراحل لازم جهت افزایش کیفیت تصاویرتان را به شما آموزش دهیم و در مرحله بعدی میخواهیم ببینیم چطور میتوانیم کاری کنیم که وردپرس فشرده سازی بیش از 90 درصد روی تصویر اعمال کند. (حالت دوم برای زمانی که کیفیت و حجم اولیه تصاویر آپلود شده بالا باشد و بخواهید در مصرف پهنای باند و فضای دیسک صرفه جویی کنید کاربرد خواهد داشت).

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

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

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

شما اگر تصویری با یکی از فرمت های .jpg, .jpeg, .jpe, .jif, .jfif, .jfiدرون سایت وردپرسی خود آپلود کنید، فارق از اینکه تصویر ورودی دارای چه حجم و چه کیفیتی است، وردپرس به صورت اتوماتیک کیفیت آن را به 90 درصد کیفیت اولیه کاهش خواهد داد. (طبعا این مسئله روی تصاویری که با JPEG Quality کمتر از 60 ذخیره شده باشند بسیار واضح و آزار دهنده خواهد بود.)

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

برای رسیدن به هدفمان، یعنی جلوگیری از فشرده سازی بیشتر تصاویر و جلوگیری از، از دست رفتن کیفیت تصاویر در وردپرس، لازم است از فیلتر jpeg_qualityاستفاده کنیم. برای انجام این کار کافی است کد زیر را در فایلfunctions.phpیا افزونه یا site-specific خود قرار دهید:

add_filter( ‘jpeg_quality’, ‘mrcode_custom_jpeg_quality’ );

functionmrcode_custom_jpeg_quality( $quality ) {return 100;}

فشرده سازی و کاهش حجم بیشتر تصاویر در وردپرس

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

add_filter( ‘jpeg_quality’, ‘mrcode_custom_jpeg_quality’ );

functionmrcode_custom_jpeg_quality( $quality ) {return 65;}

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

در بهینه سازی تصاویر وردپرس توجه داشته باشید که این فیلتر روی تصاویری که قبلا در سایتتان آپلود کرده باشید کار نمیکند و تغییراتی که اعمال کرده اید، بر روی تصاویری که پس از این تغییر بر روی سایت آپلود کنید، موثر خواهد بود. بنابراین برای اعمال این تنظیمات بر روی تصاویری که قبلا در سایتتان آپلود کرده اید لازم است از افزونه ای مانند Regenerate Thumbnails استفاده کنید تا تغییرات شما روی تصاویر قدیمی اعمال شده و تصاویر با فیلتر جدید مجددا ایجاد شوند.

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

نرم افزار فتوشاپ را باز کنید و تصویر مورد نظر خود را در آن باز کنید.

پس از باز کردن تصویر مورد نظر خود ،از منوی file بر روی گزینه save for web &design کلیک می کنید.

بهینه کردن تصاویر
بهینه کردن تصاویر ورد پرس

در پنجره ی باز شده برای شما ،مطابق با تصویر زیر که میبینید یکسری تنظیمات وجود دارد که باید انجام بدهید.

بهینه کردن تصاویر ورد پرس
بهینه کردن تصاویر ورد پرس

اول اینکه از دومین کادر دارای منو کشویی نوع ذخیره سازی تصویر خود را انتخاب کنید،که میتوانید تصویر خود را با هر یک از فرمت های png یا jpg ذخیره کنید،که ما توصیه میکنیم برای کیفیت بیشتر تصویر خود را از نوع jpg ذخیره کنید.و Quality آن را هم بر روی ۶۰ تنظیم کنید،مقدار خوبی میباشد.

در قسمت image size سایز تصویر خود را میدهید،که بهتر است برای تصاویر شاخص خود سایز تصویرتان مربعی باشد،مثلا ۲۵۰*۲۵۰ البته در قسمت قرار دادن تصاویر شاخص برای پست ها،خود ورد پرس شما را راهنمایی میکند که حداقل اندازه تصویر مورد نظر شما باید ۲۰۰ پیکسل باشد.اما سایز تصاویر موجود در محتوای پست خود را مطابق با پست مورد نظر خود به دلخواه انتخاب کنید.

همانطور که مطابق با تصویر میبینید،سایز original تصویر ۲۳۷k است ،در صورتی که سایز تصویر بهینه شده ۱۳.۱۵ k است.پس میبینید که چقدر کاهش حجم در ذخیره سازی تصاویرمان داریم،و همین کاهش حجم تصاویر چقدر بر سرعت لود شدن تصاویر ما تاثیر میگذارد.

افزودن پرونده چند رسانه ای
افزودن پرونده چند رسانه ای

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

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

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

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

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

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

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

به یاد داشته باشید که برای بهینه کردن سایت خود و بالا بردن رتبه سئو ،باید وقت بیشتری بر روی بهینه سازی تصاویر وردپرس بگذارید و آن را بی اهمیت ندانید.

شما همراهان عزیز می توانید جهت سفارش طراحی سایت با شماره های درج شده در سایت تماس گرفته و از مشاوره رایگان متخصصان وب یار بهره مند شوید.

 

5/5 - (1 امتیاز)
مطالب مرتبط
building-a-free-foreign-site
مطالعه :

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

مزیت ساخت سایت در اصفهان برای کسب و کار‌ها
مطالعه :

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

معرفی شبکه های اجتماعی محبوب
مطالعه :

دنیای امروزه دنیای ارتباطات می باشد واهمیت رسانه ها بیشتر از همیشه احساس می شود. شبکه های اجتماعی با هدف ارتباط گرفتن افراد به وجود آمد و امروزه برای تبلیغات کسب و کارها بسیار مهم تلقی می شود. درعصر ارتباطات اغلب کسب وکارها برای پیشرفت زمینه ی شغلی خود به سمت تبلیغات در شبکه های اجتماعی روی آورده اند.شبکه های اجتماعی محبوب در اطلاع رسانی برای خبرهای روزانه نقش بسیار مهمی را ایفا می کنند. با وب یار همراه باشید تا با بهترین شبکه های اجتماعی در ایران آشنا شویم. در جامعه ی امروزی شبکه های اجتماعی جزئی از زندگی مردم شده که برای تبلیغات ،اطلاع رسانی ها و آموزش و…از این شبکه ها بهره می برند.باتوجه به همگانی شدن شبکه های اجتماعی بین مردم لازم است که در مورد هر کدام از این شبکه ها اطلاعاتی کسب کنیم تا از جوامع امروز عقب نمانیم. تاریخچه مختصری در مورد شبکه های اجتماعی : ریشه شکل گرفتن مفهوم شبکه های اجتماعی در سال 1960در دانشگاه ایلی نویز در آمریکا بود.و بعد از روی کار آمدن مفهوم شبکه های اجتماعی در سال 1997سایتی تشکیل شد که اجازه ایجاد پروفایل به افرادمختلف را داد هدف این سایت جمع کردن لیستی از دوستان در کنار هم بود و بعد از آن هم شبکه های اجتماعی مختلفی با اهداف متنوع روی کار آمد. در سال […]

طراحی قالب وردپرس
مطالعه :

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

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

ساخت نرم افزار بدون کد نویسی و با استفاده از کدنویسی انجام می‌شود. در این مقاله از وب یار قصد داریم تا به چگونگی ساخت نرم افزار تحت ویندوز بدون کد نویسی و مزایای آن نسبت به روش‌های قدیمی بپردازیم. با پیشرفت تکنولوژی بستر استفاده از موبایل‌ها و کامپیوترها گسترده‌تر شده است، زیرا روز به روز به تعداد کاربران آن‌ها افزوده میشود. اگر شما نیز ایده‌ای برای تولید نرم افزار و سرویس‌دهی در این بستر را دارید، بهتر است هر چه سریعتر دست به کار شوید و از این فضا که پتانسیل بالایی دارد برای کسب درآمد استفاده کنید. ساخت نرم افزار بدون کد نویسی چگونه ممکن است؟ این روزها دیگر نیاز نیست تا پروسه‌ی طولانی آموزش برنامه نویسی را طی کنید تا بتوانید به ساخت نرم افزارها بپردازید. در گذشته اگر قصد ساخت برنامه‌ای را داشتید باید ساعت‌ها زمان صرف می‌کردید تا با استفاده از کدها دستور العمل‌هایی را برای برنامه تعریف کنید تا عملکرد درستی داشته باشد. همچنین پس از تعریف آن دستور العمل‌ها باید مراحل آزمون و خطا را طی می‌کردید تا به اصطلاح برنامه‌ای که ساخته‌ای را باگ گیری (اشکال‌گیری) کنید. اما دیگر ساخت نرم افزار بدون کد نویسی یک رویا نیست! متخصصان نرم افزارهای زیادی را به عنوان ابزارهای کمکی طراحی کرده‌اند تا کاربران بتوانند بدون نوشتن حتی یک خط کد، نرم افزار ایده‌آل خود […]

مرجع جاوا اسکریپت وب یار
مطالعه :

در این لینک مقالات مرجع جاوا اسکریپت برای شما عزیزان فراهم شده تا دسترسی راحت تری به مطالب حوزه جاوااسکریپت داشته باشید. آموزش زبان جاوا اسکریپت javascript + جلسه اول زبان برنامه نویسی جاوا اسکریپت یک زبان سمت کلاینت (کاربر) است و روی اکثر مرورگر های امروزی کار می کند. این زبان به تمام خصوصیت های عناصر html و css دسترسی داشته و نسبت به رویدادهای کاربر واکنش نشان می دهد   محل قرار گیری کدهای جاوا اسکریپت + جلسه دوم تگ های جاوا اسکریپت این توانایی را دارند که در هر جایی از صفحات html به کار روند. آموزش دستورات مهم جاوا اسکریپت + جلسه سوم دستور جاوا اسکریپت شامل مقادیر، عملگرها،کلمات کلیدی و توضیحات است.دستورات جاوا اسکریپت زیر همان کلمات کلیدی رزرو شده ای هستند که نمی توانند به عنوان نام متغیر به کار روند.    آموزش توضیحات در جاوا اسکریپت + جلسه چهارم توضیحات در جاوا اسکریپت به دو صورت به کار می روند: 1- توضیحات تک خطی 2- توضیحات چند خطی تعریف متغیرها در جاوا اسکریپت + قسمت پنجم متغیرها در javaScript حافظ و حامل اطلاعات هستند. یعنی این متغیرها اطلاعاتی را در خود ذخیره نموده و در حین اجرای برنامه با شرایط مختلف تغییر می کنند.  انواع داده ها در JavaScript + جلسه ششم زبان جاوا اسکریپت نیز همانند سایر زبان های برنامه نویسی از انواع داده های عددی (Number)  ، رشته ای (String)  ، […]

دیدگاه ها

یک پاسخ به “بهینه سازی تصاویر وردپرس”

  1. ناشناس گفت:

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

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

نشانی ایمیل شما منتشر نخواهد شد.