SHET20

از کجا تصویر برای سایت و اینستاگرام پیدا کنیم

از کجا تصویر برای سایت و اینستاگرام پیدا کنیم

بذارین از یه صحنه آشنا شروع کنم. متن رو نوشتین، سئوش رو چک کردین، همه‌چی آماده‌ست، فقط مونده عکس. می‌رین سراغ گوگل images، یه عکس نصفه‌نیمه برمی‌دارین و می‌ذارین وسط مطلب. تمام.

مشکل اینجاست که همین مرحله‌ی «فقط مونده عکس» دقیقاً همون‌جاییه که خیلی از سایت‌ها ضربه می‌خورن. تصویر بی‌کیفیت یا بی‌ربط، اولین چیزیه که کاربر می‌بینه و ناخودآگاه ازش نتیجه می‌گیره محتواتون هم همون‌قدر سرسری بوده. از اون‌ور، عکس درست حجم صفحه رو سنگین نمی‌کنه، به سئوتون کمک می‌کنه و کاربر رو نگه می‌داره.

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

بدانید دنبال چه نوع تصویری هستید

قبل از اینکه برین سراغ سایت‌ها، یه لحظه مشخص کنین چی می‌خواین. چون هر سایتی یه چیزی رو خوب ارائه می‌ده:

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

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

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

گیف: بیشتر به درد شبکه‌های اجتماعی و محتوای غیررسمی می‌خوره. تو سایت با احتیاط استفاده کنین، چون حجمشون بالاست.

حالا بریم سراغ خود سایت‌ها.

بهترین سایت‌های دانلود تصویر

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

Unsplash

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

Unsplash
Unsplash

کافیه کلیدواژه‌تون رو در unsplash.com انگلیسی سرچ کنین و از بین نتایج انتخاب کنین. نیازی به ثبت‌نام هم ندارین، مستقیم دانلود می‌کنین. عکس‌هاش هم مرتب به‌روز می‌شه، پس اگه چند ماه بعد دوباره سراغ یه موضوع برین، احتمالاً گزینه‌های تازه می‌بینین.

یه نکته: چون خیلی محبوبه، عکس‌های صفحه‌ی اولش رو همه استفاده کردن. برین صفحه‌ی دوم و سوم نتایج، یا کلیدواژه‌تون رو دقیق‌تر کنین.

Pexels

از ۲۰۱۴ کارش رو شروع کرده و عملاً رقیب مستقیم آنسپلشه. تنوع موضوعیش خوبه و یه مزیت مشخص داره: موقع دانلود می‌تونین سایز دلخواهتون رو انتخاب کنین. یعنی لازم نیست یه فایل ۵ مگابایتی بگیرین برای جایی که به عکس ۸۰۰ پیکسلی نیاز دارین.

Pexels
Pexels

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

Freepik

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

Freepik
Freepik

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

حواستون باشه: بعضی فایل‌های رایگان فریپیک نیاز به ذکر منبع دارن. موقع دانلود بهتون می‌گه؛ نادیده نگیرین.

Pngtree

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

Pngtree
Pngtree

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

Flaticon

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

Flaticon
Flaticon

یه قابلیت خوبش اینه که می‌تونین رنگ آیکون رو قبل از دانلود عوض کنین تا با هویت بصری سایتتون هماهنگ بشه. تو نسخه‌ی رایگان معمولاً باید نام Flaticon رو ذکر کنین، مگه اینکه اشتراک بگیرین.

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

Giphy

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

Giphy
Giphy

فقط برای دسترسی بهش نیاز به فیلترشکن دارین.

جدول مقایسه

سایتنوع محتواثبت‌نامهزینه
Unsplashعکس استوکلازم نیسترایگان
Pexelsعکس و ویدیولازم نیسترایگان
Freepikوکتور و گرافیکلازمهرایگان + پولی
Pngtreeوکتور و PNGلازمهرایگان + پولی
Flaticonآیکونلازم نیسترایگان + پولی
Giphyگیفلازم نیسترایگان

یه بحث مهم: رایگان یعنی چی؟

این بخشیه که خیلی‌ها ازش رد می‌شن و بعداً دردسر می‌شه. «رایگان» همیشه به معنی «هرکاری خواستین بکنین» نیست. سه تا حالت رایج دارین:

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

استفاده با ذکر منبع: باید اسم طراح یا سایت رو یه جایی بنویسین. اگه ننویسین، فنی و قانونی دارین تخلف می‌کنین.

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

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

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

کار هنوز تمام نشده!

اینجا همون جاییه که فرق یه سایت حرفه‌ای با یه سایت معمولی مشخص می‌شه.

حجمش رو کم کنین. فایل خام آنسپلش ممکنه ۴-۵ مگابایت باشه. همچین چیزی سرعت سایتتون رو می‌کُشه و سرعت هم مستقیم روی سئوتون اثر داره. با ابزارهایی مثل TinyPNG یا تولزینا حجم رو تا ۷۰ درصد کم کنین بدون اینکه کیفیت به چشم بیاد.

ابزار آنلاین tinyPNG
ابزار آنلاین tinyPNG

فرمت درست انتخاب کنین.WebP الان بهترین گزینه‌ست؛ کیفیت JPEG رو داره با حجم خیلی کمتر. اگه وردپرس دارین، افزونه‌هایی هست که خودکار این کار رو می‌کنن.

اسم فایل رو عوض کنین.IMG_20847.jpg هیچ معنی‌ای برای گوگل نداره. بنویسین dandelion-flower-field.jpg. همین یه کار کوچیک، شانس دیده شدنتون تو سرچ تصاویر رو بالا می‌بره.

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

سایز رو درست کنین. برای سایت، عرض ۱۲۰۰ پیکسل معمولاً کافیه. برای اینستاگرام:

  • پست مربعی: ۱۰۸۰ × ۱۰۸۰
  • پست عمودی: ۱۰۸۰ × ۱۳۵۰ (بیشترین فضا رو تو فید می‌گیره)
  • استوری و ریلز: ۱۰۸۰ × ۱۹۲۰

تفاوت انتخاب عکس برای سایت و اینستاگرام

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

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

سوالات متداول

استفاده از عکس‌های آنسپلش تو اینستاگرام مجازه؟

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

اگه عکسی رو ادیت کنیم، دیگه کپی‌رایت شاملش نمی‌شه؟

نه. تغییر دادن عکس، حق مالکیت رو منتقل نمی‌کنه. این یه باور غلط رایجه.

چند تا عکس تو یه مقاله بذاریم؟

قانون ثابتی نداره، ولی حدوداً هر ۳۰۰ تا ۴۰۰ کلمه یه تصویر، ریتم خوبی به متن می‌ده و خواننده خسته نمی‌شه.

عکس‌های رایگان به سئو ضربه می‌زنن؟

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

جمع‌بندی

پس برای عکس استوک برید Pexels و Unsplash، برای وکتور Freepik و Pngtree، برای آیکون Flaticon، برای گیف Giphy. ولی مهم‌تر از اینکه عکس رو از کجا می‌گیرین، اینه که چطور ازش استفاده می‌کنین. لایسنسش رو چک کنین، حجمش رو کم کنین، اسم و alt درست بذارین. این مدل کارها که چند دقیقه‌ای انجام میشن، تفاوتشون تو بلندمدت مشخص می‌شه. حالا برید همون عکسی که لازم داشتین رو پیدا کنین. موفق باشید. 🙂

نظر شما در این مورد چیه؟

  1. U326057۳۰ تیر ۱۴۰۲

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

    • رضا راد۳۱ تیر ۱۴۰۲

      سلام بستگی به قالب سایتتون داره ولی کلا اگه با سایز 1920×1080 مثلا آپلود کنید خودکار روی موبایل سایز کوچکتر رو نشون میده قالب سایتتون.

  2. U317638۲۱ خرداد ۱۴۰۲

    سلام به شما
    آیا این عکس ها روب سئو سایت تاثیر منفی نمی گذارد
    چون عکس ها روی یک وب سایت دیگه هستند و از اون ها داریم کپی می کنیم مثل گوگل ایمیج

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

    • رضا راد۲۴ خرداد ۱۴۰۲

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

      • U317638۱ تیر ۱۴۰۲

        سوال دومم را جواب ندادید

        • رضا راد۴ تیر ۱۴۰۲

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

  3. U41059۹ تیر ۱۴۰۰

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

  4. U19207۱۱ خرداد ۱۴۰۰

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

    با سلام و احترام

    برای صفحه اول سایتم تعدادی آیکون گذاشتم . برای اینکه در حالت رسپانسیو کیفیتش رو از دست نده از تصاویر وکتور با پسوند eps استفاده کردم این تصاویر رو بردم توی نرم افزار کورل دراو و زیر نویس فارسی ( اسم ) اضافه کردم و داخل سایتم استفاده کردم. حالا وقتی روی صفحه دسکتاپ زوم میکنم زوم وقتی بالای ۲۰۰ درصد میرسه ، تصاویر از صفحه دسکتاپ ناپدید میشن. ( کیفیت ثابت می ماند ولی بالای ۲۰۰ درصد زوم، دیگر تصویر دیده نمی شود)

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

    1. خواستم ببینم علت مشکل من اینه که پسوند عکسهام html نیست.2. و اگر علت این هستش چطور میتونم پسوند عکسهام رو به html تبدیل کنم؟
    3.یا اینکه عکس با پسوند html از کجا میتونم دانلود کنم.

    4. اصلا عکس با پسوند html رو میشه تو کتابخانه وردپرس آپلود و استفاده کرد؟

    سپاس فراوان از شما

    • رضا راد۱۲ خرداد ۱۴۰۰

      درود بر شما
      ۱. خیر دلیلش اینه که صحیح خروجی مناسب وب گرفته نشده. عکسی با پسوند html نداریم باید svg باشه

      • U19207۱۲ خرداد ۱۴۰۰

        با سلام و احترام
        منظورتون از خروجی صحیح مناسب وب چی هستش؟
        چطور میتونم این خروجی صحیح رو بگیرم.
        سپاسگزارم

        • رضا راد۱۳ خرداد ۱۴۰۰

          درود بر شما توی سایت سرچ کنید webp آموزشش هست.

  5. U27279۱۰ اردیبهشت ۱۳۹۹

    سلام
    اقا این featured image شما چه نوعی؟
    چطوری تهیه کنم

    • تیم پشتیبانیتیم پشتیبانی۱۰ اردیبهشت ۱۳۹۹

      سلام
      متوجه منظور شمانشدم متاسفانه

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

در حال بارگذاری...

هر سوالی دارید بپرسید.پاسخگوی شما هستیم.