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

بذارین از یه صحنه آشنا شروع کنم. متن رو نوشتین، سئوش رو چک کردین، همهچی آمادهست، فقط مونده عکس. میرین سراغ گوگل images، یه عکس نصفهنیمه برمیدارین و میذارین وسط مطلب. تمام.
مشکل اینجاست که همین مرحلهی «فقط مونده عکس» دقیقاً همونجاییه که خیلی از سایتها ضربه میخورن. تصویر بیکیفیت یا بیربط، اولین چیزیه که کاربر میبینه و ناخودآگاه ازش نتیجه میگیره محتواتون هم همونقدر سرسری بوده. از اونور، عکس درست حجم صفحه رو سنگین نمیکنه، به سئوتون کمک میکنه و کاربر رو نگه میداره.
خبر خوب اینه که پیدا کردن عکس خوب اصلاً سخت نیست، فقط باید بدونین کجا رو بگردین. تو این مطلب میریم سراغ منابعی که خودم ازشون استفاده میکنم، بعدش هم چند تا نکتهی مهم دربارهی کپیرایت و بهینهسازی که معمولاً کسی بهشون اشاره نمیکنه.
آنچه در این مقاله میخوانید
بدانید دنبال چه نوع تصویری هستید
قبل از اینکه برین سراغ سایتها، یه لحظه مشخص کنین چی میخواین. چون هر سایتی یه چیزی رو خوب ارائه میده:
عکس استوک: همون عکسهای واقعیِ گرفتهشده با دوربین. برای تصویر شاخص مقاله، هدر صفحات و پست اینستاگرام بهترین گزینهست.
وکتور و گرافیک: فایلهای برداری که هرچقدر بزرگشون کنین کیفیتشون خراب نمیشه. برای ایلاستریشن، بنر و طرحهای تبلیغاتی عالیان.
آیکون: برای لیست خدمات، جدول قیمت، بخش مزیتها. آیکون درست، صفحه رو خیلی مرتبتر نشون میده.
گیف: بیشتر به درد شبکههای اجتماعی و محتوای غیررسمی میخوره. تو سایت با احتیاط استفاده کنین، چون حجمشون بالاست.
حالا بریم سراغ خود سایتها.
بهترین سایتهای دانلود تصویر
خب بریم برای معرفی سایتهای دانلود تصویر:
Unsplash
اگه بخوام فقط یه سایت معرفی کنم، همینه. کیفیت عکسهاش واقعاً بالاست و مهمتر از اون، حس «عکس استوک» نمیدن؛ یعنی اون حالت مصنوعیِ آدمهای لبخندبهلب پشت میز جلسه رو کمتر توش میبینین.

کافیه کلیدواژهتون رو در unsplash.com انگلیسی سرچ کنین و از بین نتایج انتخاب کنین. نیازی به ثبتنام هم ندارین، مستقیم دانلود میکنین. عکسهاش هم مرتب بهروز میشه، پس اگه چند ماه بعد دوباره سراغ یه موضوع برین، احتمالاً گزینههای تازه میبینین.
یه نکته: چون خیلی محبوبه، عکسهای صفحهی اولش رو همه استفاده کردن. برین صفحهی دوم و سوم نتایج، یا کلیدواژهتون رو دقیقتر کنین.
Pexels
از ۲۰۱۴ کارش رو شروع کرده و عملاً رقیب مستقیم آنسپلشه. تنوع موضوعیش خوبه و یه مزیت مشخص داره: موقع دانلود میتونین سایز دلخواهتون رو انتخاب کنین. یعنی لازم نیست یه فایل ۵ مگابایتی بگیرین برای جایی که به عکس ۸۰۰ پیکسلی نیاز دارین.

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

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

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

یه قابلیت خوبش اینه که میتونین رنگ آیکون رو قبل از دانلود عوض کنین تا با هویت بصری سایتتون هماهنگ بشه. تو نسخهی رایگان معمولاً باید نام Flaticon رو ذکر کنین، مگه اینکه اشتراک بگیرین.
پیشنهاد: برای یه صفحه، همهی آیکونها رو از یه پک انتخاب کنین. اگه از پکهای مختلف بردارین، ضخامت خط و استایلشون فرق میکنه و طرح به هم میریزه.
Giphy
بزرگترین آرشیو گیف دنیاست. کافیه موضوع رو سرچ کنین و لینک گیف رو کپی کنین؛ حتی لازم نیست دانلودش کنین، چون از سرور خودشون لود میشه و حجمی به سایتتون اضافه نمیکنه.

فقط برای دسترسی بهش نیاز به فیلترشکن دارین.
جدول مقایسه
| سایت | نوع محتوا | ثبتنام | هزینه |
|---|---|---|---|
| Unsplash | عکس استوک | لازم نیست | رایگان |
| Pexels | عکس و ویدیو | لازم نیست | رایگان |
| Freepik | وکتور و گرافیک | لازمه | رایگان + پولی |
| Pngtree | وکتور و PNG | لازمه | رایگان + پولی |
| Flaticon | آیکون | لازم نیست | رایگان + پولی |
| Giphy | گیف | لازم نیست | رایگان |
یه بحث مهم: رایگان یعنی چی؟
این بخشیه که خیلیها ازش رد میشن و بعداً دردسر میشه. «رایگان» همیشه به معنی «هرکاری خواستین بکنین» نیست. سه تا حالت رایج دارین:
استفادهی آزاد بدون ذکر منبع: مثل آنسپلش و پکسلز. راحت استفاده کنین، حتی تجاری.
استفاده با ذکر منبع: باید اسم طراح یا سایت رو یه جایی بنویسین. اگه ننویسین، فنی و قانونی دارین تخلف میکنین.
فقط استفادهی شخصی: یعنی برای سایت شرکتتون یا محتوای تبلیغاتی نمیتونین ازش استفاده کنین. حواستون به این یکی خیلی باشه.
یه هشدار جدی: از گوگل ایمیجز عکس برندارین. گوگل فقط یه موتور جستجوئه، مالک اون عکسها نیست. خیلی از اون تصاویر کپیرایت دارن و اگه صاحبش پیداتون کنه، ماجرا میتونه به شکایت و جریمه ختم بشه. برای وبلاگ شخصی شاید کسی کاری نداشته باشه، ولی برای سایت تجاری واقعاً ریسکه.
اگه هم عکس آدم دارین استفاده میکنین، حواستون به مدل ریلیز باشه؛ مخصوصاً اگه بخواین تو تبلیغات ازش استفاده کنین.
کار هنوز تمام نشده!
اینجا همون جاییه که فرق یه سایت حرفهای با یه سایت معمولی مشخص میشه.
حجمش رو کم کنین. فایل خام آنسپلش ممکنه ۴-۵ مگابایت باشه. همچین چیزی سرعت سایتتون رو میکُشه و سرعت هم مستقیم روی سئوتون اثر داره. با ابزارهایی مثل TinyPNG یا تولزینا حجم رو تا ۷۰ درصد کم کنین بدون اینکه کیفیت به چشم بیاد.

فرمت درست انتخاب کنین.WebP الان بهترین گزینهست؛ کیفیت JPEG رو داره با حجم خیلی کمتر. اگه وردپرس دارین، افزونههایی هست که خودکار این کار رو میکنن.
اسم فایل رو عوض کنین.IMG_20847.jpg هیچ معنیای برای گوگل نداره. بنویسین dandelion-flower-field.jpg. همین یه کار کوچیک، شانس دیده شدنتون تو سرچ تصاویر رو بالا میبره.
تگ alt یادتون نره. هم برای سئو مهمه، هم برای کاربرایی که از اسکرینریدر استفاده میکنن. توش توضیح بدین تو عکس چی هست، نه اینکه کلیدواژه پشت هم ردیف کنین.
سایز رو درست کنین. برای سایت، عرض ۱۲۰۰ پیکسل معمولاً کافیه. برای اینستاگرام:
- پست مربعی: ۱۰۸۰ × ۱۰۸۰
- پست عمودی: ۱۰۸۰ × ۱۳۵۰ (بیشترین فضا رو تو فید میگیره)
- استوری و ریلز: ۱۰۸۰ × ۱۹۲۰
تفاوت انتخاب عکس برای سایت و اینستاگرام
اینا دو تا زمین بازی متفاوت هستن. تو سایت، عکس نقش پشتیبان داره. باید مکمل متن باشه، حواس رو پرت نکنه و سرعت رو پایین نیاره. عکسهای آرومتر و سادهتر بهتر جواب میدن. تو اینستاگرام، عکس خودش پیامه. باید تو یه لحظه اسکرول کردن، چشم رو بگیره. رنگهای پرکنتراست، سوژهی واضح و ترکیببندی ساده اینجا برندهست.
یه نکتهی دیگه هم هست: تو اینستاگرام ثبات بصری خیلی مهمه. اگه هر پست رو با یه سبک و رنگبندی متفاوت بذارین، پیجتون شلوغ و غیرحرفهای دیده میشه. یه پالت رنگی و یه فیلتر ثابت انتخاب کنین و بهش پایبند بمونین.
سوالات متداول
استفاده از عکسهای آنسپلش تو اینستاگرام مجازه؟
بله، لایسنس آنسپلش استفادهی تجاری رو هم شامل میشه. فقط نمیتونین خود عکسها رو بفروشین یا یه سرویس رقیب باهاشون بسازین.
اگه عکسی رو ادیت کنیم، دیگه کپیرایت شاملش نمیشه؟
نه. تغییر دادن عکس، حق مالکیت رو منتقل نمیکنه. این یه باور غلط رایجه.
چند تا عکس تو یه مقاله بذاریم؟
قانون ثابتی نداره، ولی حدوداً هر ۳۰۰ تا ۴۰۰ کلمه یه تصویر، ریتم خوبی به متن میده و خواننده خسته نمیشه.
عکسهای رایگان به سئو ضربه میزنن؟
نه مستقیماً. ولی چون خیلیها از همون عکسهای پرتکرار استفاده میکنن، محتواتون کمتر متمایز دیده میشه. اگه بتونین عکس اختصاصی بگیرین، همیشه بهتره.
جمعبندی
پس برای عکس استوک برید Pexels و Unsplash، برای وکتور Freepik و Pngtree، برای آیکون Flaticon، برای گیف Giphy. ولی مهمتر از اینکه عکس رو از کجا میگیرین، اینه که چطور ازش استفاده میکنین. لایسنسش رو چک کنین، حجمش رو کم کنین، اسم و alt درست بذارین. این مدل کارها که چند دقیقهای انجام میشن، تفاوتشون تو بلندمدت مشخص میشه. حالا برید همون عکسی که لازم داشتین رو پیدا کنین. موفق باشید. 🙂

سلام و خسته نباشید.
ببخشید من برای سایتم میخام عکس قرار بدم (این عکسی که قرار میدم میخام هم در حالت موبایل و هم در حالت دسکتاپ تمام عرض باشه)اما مشکلی که دارم اینه که این عکس رو با چه ابعادی قرار بدم که هم در حالت موبایل و هم در حالت دسکتاپ با بهترین کیفیت نمایش بده؟ چون عکس هایی که قرار میدم اگه تو حالت دسکتاپ خوب نمایش بده،تو حالت موبایل خوب نمایش نمیده یعنی یا عکس خیلی کوچیک میشه یا عکس خیلی بزرگ میشه یعنی یه جورایی عکس ریسپانسیو نمیشه
سلام بستگی به قالب سایتتون داره ولی کلا اگه با سایز 1920×1080 مثلا آپلود کنید خودکار روی موبایل سایز کوچکتر رو نشون میده قالب سایتتون.
سلام به شما
آیا این عکس ها روب سئو سایت تاثیر منفی نمی گذارد
چون عکس ها روی یک وب سایت دیگه هستند و از اون ها داریم کپی می کنیم مثل گوگل ایمیج
بعد یک سوال دیگه شما عکس های وبسایت تون رو از کجا دانلود می کنید
سلام بله قطعا بهتره با فتوشاپ تغییرات بدید یا خودتون عکس تولید کنید.
سوال دومم را جواب ندادید
ما با فتوشاپ و ایلاستریتور طراحی میکنیم از جایی دانلود نمیکنیم. تصاویر قدیمی مثل این مقاله از فری پیک
سلام وقت بخیر
من مطالبی رو مطالعه کردم که گفته میشه درباره عکس هایی که میخواهیم در سایت خودمون، استفاده بکنیم ، که اگر چنانچه اون عکس مورد نیازمون رو، از جستجوی گوگل بدست بیاریم، و استفاده کنیم، برای سئوی سایت مضر هست. و بهتره خودمون عکس اورجینال و اصلی رو تولید( و یا عکسبرداری) کنیم.
یک ویدئو از شما(آقای حسینی راد) دیدم که درباره همین موضوع و با همین مضمون بود ولی نتونستم توی سایتتون پیداش کنم.
حالا سوال اینجاست: اگر چنانچه ما امکان عکسبرداری از محصول و کالا رو به دلایلی(از جمله عدم دسترسی به کالا و …) نداشته باشیم، پس در این صورت چطور باید عکس مناسبی از کالای مورد نظر، برای درج در سایت پیدا کنیم که از نظر سئو هم دچار مشکل نشیم؟ و احیاناً شامل جریمه گوگل هم نشیم؟
ممنونم از پاسخگوییتون
با تشکر
علت ناپدید شدن عکس های svg در حالت زوم
با سلام و احترام
برای صفحه اول سایتم تعدادی آیکون گذاشتم . برای اینکه در حالت رسپانسیو کیفیتش رو از دست نده از تصاویر وکتور با پسوند eps استفاده کردم این تصاویر رو بردم توی نرم افزار کورل دراو و زیر نویس فارسی ( اسم ) اضافه کردم و داخل سایتم استفاده کردم. حالا وقتی روی صفحه دسکتاپ زوم میکنم زوم وقتی بالای ۲۰۰ درصد میرسه ، تصاویر از صفحه دسکتاپ ناپدید میشن. ( کیفیت ثابت می ماند ولی بالای ۲۰۰ درصد زوم، دیگر تصویر دیده نمی شود)
همین کار رو در سایت بیمیتو چک کردم، زوم به هر درصدی برسه تصاویر از بین نمیرن و بی کیفیت نمیشن. یکی از عکسهای بیمیتو رو دانلود کردم و متوجه شدم که پسوند عکسها html هستش و پسوند عکسهای من svg. سایر موارد عکسها مشابه بودن.
1. خواستم ببینم علت مشکل من اینه که پسوند عکسهام html نیست.2. و اگر علت این هستش چطور میتونم پسوند عکسهام رو به html تبدیل کنم؟
3.یا اینکه عکس با پسوند html از کجا میتونم دانلود کنم.
4. اصلا عکس با پسوند html رو میشه تو کتابخانه وردپرس آپلود و استفاده کرد؟
سپاس فراوان از شما
درود بر شما
۱. خیر دلیلش اینه که صحیح خروجی مناسب وب گرفته نشده. عکسی با پسوند html نداریم باید svg باشه
با سلام و احترام
منظورتون از خروجی صحیح مناسب وب چی هستش؟
چطور میتونم این خروجی صحیح رو بگیرم.
سپاسگزارم
درود بر شما توی سایت سرچ کنید webp آموزشش هست.
سلام
اقا این featured image شما چه نوعی؟
چطوری تهیه کنم
سلام
متوجه منظور شمانشدم متاسفانه