راهنمای مبتدیان برای اندازه تصویر وردپرس (+ بهترین روش ها)


آیا می خواهید در مورد اندازه تصویر وردپرس بدانید؟

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

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

اندازه تصویر وردپرس برای مبتدیان توضیح داده شده است

اندازه تصویر چیست؟

اندازه تصویر معمولاً به عرض و ارتفاع یک تصویر که بر حسب پیکسل اندازه گیری می شود اشاره دارد. به عنوان مثال، 1600×900 پیکسل به معنای تصویری است که عرض آن 1600 پیکسل و ارتفاع آن 900 پیکسل است.

اندازه تصویر در ابعاد

به این اندازه گیری ها ابعاد تصویر نیز می گویند.

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

اندازه فایل تصویر فضایی است که یک فایل تصویری در رایانه اشغال می کند و بر حسب بایت اندازه گیری می شود. به عنوان مثال، 100 کیلوبایت (کیلو بایت).

اگر اندازه فایل تصویری بزرگتر باشد، دانلود آن برای کاربران بیشتر طول می کشد و بر سرعت و عملکرد وب سایت شما تأثیر می گذارد. به همین دلیل مهم است که اندازه فایل تصویر را تا حد امکان کوچک نگه دارید و در عین حال تصویر را در ابعاد مناسب نگه دارید.

که ما را به فرمت های فایل تصویری می رساند.

فرمت های فایل تصویری فناوری فشرده سازی برای ذخیره فایل های تصویری شما هستند. رایج ترین موارد مورد استفاده در وب JPEG و PNG هستند.

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

از سوی دیگر، تصاویری مانند تصاویر با جزئیات رنگی کمتر می توانند از PNG برای بهترین نتایج استفاده کنند.

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

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

تصاویر من برای سایت وردپرس من چه اندازه باید داشته باشند؟

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

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

کپی خودکار تصاویر در اندازه های مختلف

با مراجعه به سایت می توانید اندازه های پیش فرض تصاویر وردپرس را مشاهده و حتی تنظیم کنید تنظیمات » رسانه صفحه در قسمت مدیریت وردپرس.

سه اندازه برای Medium، Thumbnail و Large خواهید دید.

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

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

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

سپس به پوشه /wp-content/uploads/ بروید و هر پوشه سالی را برای مرور انتخاب کنید. این به شما کمک می کند تا تمام اندازه های مختلف تصویری که سایت وردپرس شما تولید می کند را ببینید.

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

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

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

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

تصویر در طرح بندی تک ستونی

از سوی دیگر، برخی از تم های وردپرس از طرح بندی چند ستونی (محتوا + نوار کناری) استفاده می کنند که به این معنی است که باید عرض تصویر را بر اساس آن تنظیم کنید.

طرح بندی دو ستونی

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

  • طرح تک ستونی: 1200×675
  • طرح دو ستونی: 680×382

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

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

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

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

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

تصاویر مربع در ستون

هنگام استفاده از تصاویر مربعی، فقط باید مطمئن شوید که ابعاد تصویر دارای عرض و ارتفاع یکسان مانند 300 x 300 پیکسل است.

از چه اندازه های تصویری برای تصاویر ویژه استفاده کنید

تصاویر ویژه که به آنها ریز عکسها نیز گفته می شود، یک ویژگی تم وردپرس هستند. این بدان معناست که موضوع شما تعیین می‌کند که تصاویر با چه اندازه نمایش داده شوند.

به عنوان مثال، برخی از تم های وردپرس ممکن است از نسبت ابعاد استاندارد 16:9 برای اندازه های تصویر برجسته استفاده کنند (مثلاً 680×382 پیکسل).

برخی از تم های وردپرس نیز ممکن است از تصویر برجسته به عنوان یک تصویر هدر بزرگتر استفاده کنند. برای انجام این کار، آنها ممکن است به تصاویر بزرگتر (مانند 1200×675) نیاز داشته باشند.

تصویر برجسته استفاده شده در جلد

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

توصیه می‌کنیم از تصاویر بزرگ‌تر استفاده کنید، بنابراین چه کوچک‌تر یا در حالت‌های گسترده‌تر استفاده شوند، همچنان زیبا به نظر می‌رسند.

تصویر ویژه داخل ظرف

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

  • برای تم هایی که از تصاویر برجسته مستطیلی استفاده می کنند: 1200×687 پیکسل
  • برای تم هایی که از تصاویر برجسته مربعی استفاده می کنند: 600×600 پیکسل

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

تصاویر ویژه در صفحه اصلی

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

اکنون اگر پوسته وردپرس شما از تصاویر ویژه ای استفاده می کند که نسبت ابعاد 16:9 دارند، می توانید از آنها به عنوان تصاویر رسانه های اجتماعی برای توییتر و فیس بوک نیز استفاده کنید.

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

برای انجام این کار، به افزونه All in One SEO برای وردپرس نیاز دارید. این بهترین افزونه سئو وردپرس در بازار است که توسط بیش از 3 میلیون وب سایت استفاده می شود. این به شما کمک می کند تا وب سایت خود را برای موتورهای جستجو و پلت فرم های رسانه های اجتماعی بهینه کنید.

توجه داشته باشید: همچنین یک نسخه رایگان محدود از All in One SEO وجود دارد که می توانید آن را امتحان کنید.

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

پس از فعال سازی، افزونه جادوگر راه اندازی را راه اندازی می کند. دستورالعمل های روی صفحه را برای تکمیل جادوگر دنبال کنید. همچنین می توانید راهنمای ما در مورد نحوه راه اندازی All in One SEO را برای دستورالعمل های گام به گام مشاهده کنید.

پس از آن، شما باید بازدید کنید All in One SEO » شبکه های اجتماعی صفحه و به تب فیس بوک بروید. از اینجا می‌توانید «تصویر ویژه» را به‌عنوان منبع تصویر Open Graph پیش‌فرض خود تنظیم کنید.

تصویر پیش‌فرض برای Facebook Open Graph

سپس می توانید به تب Twitter بروید و همین کار را انجام دهید.

فراموش نکنید که برای ذخیره تنظیمات خود بر روی دکمه ذخیره تغییرات کلیک کنید.

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

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

به سادگی یک تصویر با نسبت تصویر 16:9 (1200×675 پیکسل یا 680×382 پیکسل) ایجاد کنید. سپس پست یا صفحه را ویرایش کنید و به بخش تنظیمات AIOSEO در زیر ویرایشگر بروید.

از اینجا باید به تب Social بروید و به قسمت Image source بروید. از منوی کشویی، Custom image را انتخاب کنید و سپس تصویر فیسبوک خود را آپلود کنید.

تنظیم تصویر سفارشی برای فیس بوک

شما باید این فرآیند را در تب Twitter نیز تکرار کنید.

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

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

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

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

برای مثال، زمانی که می‌خواهیم یک لوگو آپلود کنیم، تم دمو ما این پیام را نشان می‌دهد.

توصیه اندازه تصویر لوگو

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

در این صورت، توصیه می‌کنیم سبک‌ها و اندازه‌های مختلف را آپلود کنید تا ببینید چه چیزی برای برند شما بهترین است. اندازه تصویر لوگو 300×200 پیکسل می تواند نقطه شروع خوبی باشد.

ویرایشگر بلوک لوگوی سایت

ویرایش تصاویر برای وب سایت وردپرس شما

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

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

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

ویرایش تصویر در وردپرس

با این کار گزینه های ویرایش باز می شود.

این ابزارها شامل تغییر اندازه تصویر، برش، چرخش و برگرداندن اولیه است.

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

اگر به سرعت نیاز به تعمیر تصویر دارید، این ویرایش اولیه تصویر مفید است. با این حال، این بهترین راه برای ویرایش روزانه تصاویر شما نیست.

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

  • Canva – نرم افزار رایگان ویرایش تصویر مبتنی بر وب. همچنین شامل قالب های آماده برای تصاویر وب سایت، آرم ها، تصاویر رسانه های اجتماعی و موارد دیگر است.
  • Pixlr – یک نرم افزار ویرایش تصویر مبتنی بر وب freemium. می توان از آن برای تغییر اندازه تصاویر برای پست های وبلاگ خود استفاده کرد.
  • Gimp – نرم افزار رایگان و متن باز ویرایش تصویر. به عنوان یک برنامه دسکتاپ بومی در ویندوز، مک و لینوکس کار می کند. می توان از آن برای تغییر اندازه تصاویر، افزودن لایه های متن، ویرایش عکس ها و موارد دیگر استفاده کرد.

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

اگر این مقاله را دوست داشتید، لطفاً در کانال یوتیوب ما برای آموزش های ویدیویی وردپرس مشترک شوید. شما همچنین می توانید ما را در پیدا کنید توییتر و فیس بوک





منبع