0

سبد خرید شما خالی است.

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

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

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 344
تاریخ بروزرسانی ۲۲ اسفند ۱۳۹۴

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

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

گام اول بهینه کردن تصاویر ورد پرس:

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

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

 

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

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

 

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

 

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

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

 

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

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

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

 

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

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

 

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

 

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

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

 

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

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

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

مطالب مرتبط
مطالعه :

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

سئو سایت اصفهان
مطالعه : 20 دقیقه

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

طراحی سایت حرفه ای در اصفهان
مطالعه :

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

تغییر پیش شماره های اصفهان
مطالعه :

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

آرایه ها در جاوا اسکریپت
مطالعه : 8 دقیقه

آرایه ها در جاوا اسکریپت جلسه هفتم     بعد از یادگیری انواع داده ها در جاوا اسکریپت نوبت به بحث آرایه ها میرسد که در این مطلب به توضیح موارد زیر که برای بحث آرایه ها در جاوا اسکریپت می باشد می پردازیم.   • آرایه چیست؟ • شکل کلی آرایه • نحوه ی دسترسی به آرایه • متدهای آرایه • متد ()length • متد()concat • متد ()join • متد ()pop • متد ()Push • متد ()splice • متد ()Slice   آرایه چیست؟ آرایه یک نوع خاص از متغیر ها است که با یک نام و نوع داده می توان چندین مقدار را در آن ذخیره کرد ، استفاده می شود. شکل کلی آرایه شکل کلی آرایه به صورت زیر می باشد که array-name نام آرایه است و item آیتم های آرایه می باشد. var array-name = [item1, item2, …]; می خواهیم آرایه ای برای فروشندگان تعریف کنیم که در هر جای دیگر احتیاج به مشخصات فروشندگان داشتیم نیازی به تکرار همه ی اطلاعات نداشته باشیم. در مثال زیر میبینید که نام آرایه shop می باشد ‎و محصولات با نام های مربوطه در قسمت item نوشته شدند. <p id=”demo”>pen,eraiser,ball</p> <script> var shop = [“pen”, “eraiser”, “ball”]; document.getElementById(“demo”).innerHTML = shop; </script> اولین خانه ی آرایه با محتوای والیبال پر می شود. می دانیم که خانه های آرایه از 0 شروع […]

فریم ورک های جاوا اسکریپت
مطالعه : 10 دقیقه

 Best Javascript Frameworks 2019   منظور از فریم ورک جاوا اسکریپت چیست؟ در دنیای برنامه نویسی و توسعه، عبارت « فریم ورک جاوا اسکریپت » به کتابخانه ای از جاوا اسکریپت اشاره می کند که رابط های کاربری تعاملی و داده محور ارائه می دهد. این فریم ورک ها به گونه ای طراحی شده اند که در هنگام ایجاد تعامل با استفاده از یک برنامه یا رابط، به تهیه داده برای کاربران کمک می کنند. فریم ورک های جاوا اسکریپت با یکدیگر متفاوت اند اما هدف نهایشان یکی است: نمایش داده های جدید به محض اینکه کاربر، یک اقدام تعاملی را آغاز می کند. با تیم طراحی سایت اصفهان وب یار همراه باشید تا مروری بر ویژگی های محبوب چند مورد از فریم ورک های جاوا اسکریپت داشته باشیم.   خصوصیات فریم ورک های جاوا اسکریپت   1) موثر بودن: شما می توانید برنامه های موبایل، دسکتاپ و یا سایر رابط های کاربری سطح بالا را در مدت چند هفته و یا حتی چند روز بسازید! 2) امن بودن: همه فریم ورک های رایج و محبوب جاوا اسکریپت دارای تنظیمات امنیتی مطمئن هستند. طیف وسیعی از برنامه نویسان، تست کنندگان و کاربران نیز از این فریم ورک ها پشتیبانی می کنند. 3) کم هزینه بودن بیشتر فریم ورک های جاوا اسکریپت به صورت متن باز (open-source) و رایگان هستند که […]

دیدگاه ها

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

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

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

پاسخی بگذارید

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