Pixel art برای مبتدیان: دستورالعمل استفاده

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

زمینه

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

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

Metal Slug 3 (Arcade). SNK، سال 2000

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

در کل هشدار دادم.

و اکنون کمی در مورد سبک من: من عمدتاً هنر پیکسلی را برای بازی های ویدیویی ترسیم می کنم و از آنها الهام می گیرم. به طور خاص، من طرفدار Famicom/NES، کنسول‌های 16 بیتی و بازی‌های آرکید دهه 90 هستم. هنر پیکسلی بازی‌های مورد علاقه‌ام در آن دوران را می‌توان روشن، مطمئن و تمیز توصیف کرد (اما نه بیش از حد)، سخت و مینیمالیستی نیست. من خودم در این سبک کار می کنم، اما شما به راحتی می توانید ایده ها و تکنیک های این آموزش را برای ایجاد چیزهای کاملا متفاوت اعمال کنید. کارهای هنرمندان مختلف را کاوش کنید و هنر پیکسلی مورد علاقه خود را ایجاد کنید!

نرم

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

رنگ آمیزی (رایگان)

اگر ویندوز دارید، Paint در آن تعبیه شده است - یک برنامه ابتدایی، اما تمام ابزارهای مربوط به پیکسل آرت را دارد.

پیسکل (رایگان است)

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

GraphigsGale (رایگان است)

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

آسپریت ($)

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

Game Maker Studio 2 ($$+)

GameMaker Studio 2 یک ابزار عالی دو بعدی با ویرایشگر Sprite خوب است. اگر می خواهید برای بازی های خود پیکسل آرت ایجاد کنید، انجام همه کارها در یک برنامه بسیار راحت است. در حال حاضر من از این نرم افزار در کار خود استفاده می کنم بشقاب پرنده 50، مجموعه ای از 50 بازی یکپارچهسازی با سیستمعامل: من در گیم میکر اسپرایت و انیمیشن می سازم و در فتوشاپ تایلست می سازم.

فتوشاپ ($$$+)

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

دیگر

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

تبلت گرافیکی ($$+)

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

پشتیبانی از مچ دست ($)

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

96 × 96 پیکسل

مبارزه نهایی کپکام، 1989

بیا شروع کنیم! بیایید با یک کاراکتر sprite 96x96 px شروع کنیم. به عنوان مثال، من یک اورک را کشیدم و آن را روی اسکرین شات از Final Fight (تصویر بالا) قرار دادم تا مقیاس را بدست آورید. این большой sprite برای اکثر بازی های یکپارچهسازی با سیستمعامل، اندازه اسکرین شات: 384×224 پیکسل.

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

1. یک پالت را انتخاب کنید

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

برای این آموزش، من از پالت 32 رنگی که برای آن ایجاد کردیم استفاده خواهم کرد بشقاب پرنده 50. برای هنر پیکسل، آنها اغلب از 32 یا 16 رنگ مونتاژ می شوند. کنسول ما برای یک کنسول خیالی طراحی شده است که می تواند جایی بین Famicom و PC Engine ظاهر شود. می توانید آن را یا هر چیز دیگری بگیرید - آموزش اصلاً به پالت انتخابی بستگی ندارد.

2. خطوط ناهموار

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

3. کانتورینگ

خطوط را نهایی می کنیم: پیکسل های اضافی را حذف می کنیم و ضخامت هر خط را به یک پیکسل کاهش می دهیم. اما دقیقاً چه چیزی زائد است؟ برای پاسخ به این سوال، باید خطوط پیکسل و برآمدگی ها را درک کنید.

برآمدگی ها

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

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

مثال:

مستقیم

منحنی ها

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

اجتناب کامل از دست اندازها غیرممکن است—همه بازی‌های قدیمی مورد علاقه شما دارای آن‌ها هستند (مگر اینکه، البته، هنر پیکسلی کاملاً از اشکال ساده تشکیل شده باشد). هدف: به حداقل رساندن بی نظمی ها و در عین حال نشان دادن همه چیزهایی که نیاز دارید.

4. اعمال اولین رنگ ها

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

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

5. سایه زدن

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

شکل و حجم

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

یکنواخت کننده (ضد جداسازی، ضد آلیاسینگ)

هر بار که از یک رنگ جدید استفاده می کنم، از آنتی آلیاسینگ (AA) استفاده می کنم. با افزودن رنگ‌های میانی در گوشه‌هایی که دو بخش خط به هم می‌رسند، به صاف کردن پیکسل‌ها کمک می‌کند:

پیکسل های خاکستری "شکست" در خط را نرم می کند. هرچه پاره خط طولانی تر باشد، پاره خط AA طولانی تر است.

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

Anti-aliasing نباید فراتر از اسپرایتی باشد که در بازی استفاده می شود یا در پس زمینه ای که رنگ آن مشخص نیست. به عنوان مثال، اگر AA را روی پس‌زمینه روشن اعمال کنید، در پس‌زمینه‌ی تیره، Anti-aliasing زشت به نظر می‌رسد.

6. کانتور انتخابی

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

اگر sprite طبیعی‌تر شود و تقسیم‌بندی آن چندان واضح نباشد، اشکال اصلی شخصیت راحت‌تر خوانده می‌شود. برای انجام این کار، می توانید از یک طرح کلی انتخابی استفاده کنید - تا حدی طرح سیاه را با یک طرح روشن تر جایگزین کنید. در قسمت روشن شده اسپرایت می توانید از روشن ترین رنگ ها استفاده کنید یا در جایی که اسپرایت با فضای منفی تماس دارد می توانید طرح کلی را کاملا حذف کنید. به جای سیاه، باید از رنگی استفاده کنید که برای سایه انتخاب شده است - به این ترتیب تقسیم بندی حفظ می شود (برای تمایز بین ماهیچه ها، خز و غیره).

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

7. کارهای پایانی

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

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

ایجاد نویز (دیتر، دود شدن)

تا کنون، ما بیشتر از تکه های بزرگ و جامد سایه ها استفاده کرده ایم. اما تکنیک دیگری وجود دارد - dithering، که به شما امکان می دهد بدون اضافه کردن رنگ سوم، از یک رنگ به رنگ دیگر بروید. به مثال زیر نگاه کنید.

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

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

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

در اورک، برای انتقال بافت، کمی کج شدم. برخی از هنرمندان پیکسل اصلاً از آن استفاده نمی کنند، در حالی که برخی دیگر خجالتی نیستند و این کار را بسیار ماهرانه انجام می دهند. به نظر من در نواحی بزرگ پر از یک رنگ (به آسمان در تصویر Metal Slug بالا نگاه کنید) یا مناطقی که باید ناهموار و ناهموار به نظر برسند (مانند کثیفی) بهتر به نظر می‌رسد که دودگی در آن‌ها وجود دارد. نحوه استفاده از آن را خودتان تصمیم بگیرید.

اگر می‌خواهید نمونه‌ای از دیترینگ در مقیاس بزرگ و باکیفیت را ببینید، به بازی‌های The Bitmap Brothers، یک استودیوی بریتانیایی دهه 80 یا بازی‌های روی رایانه PC-98 نگاه کنید. فقط به خاطر داشته باشید که همه آنها NSFW هستند.

کاکیوسی (PC-98). جن، 1996
فقط 16 رنگ در این تصویر وجود دارد!

8. آخرین نگاه

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

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

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

32×32 پیکسل

ما ابتدا یک پیکسل بزرگ 96x96 را ایجاد کردیم، زیرا در آن اندازه بیشتر شبیه طراحی یا نقاشی است، اما پیکسلی است. هرچه اسپرایت کوچکتر باشد، ظاهر کمتری دارد که باید نمایش دهد و هر پیکسل اهمیت بیشتری دارد.

در Super Mario Bros. چشم ماریو فقط دو پیکسل است که روی هم قرار گرفته اند. و گوش او نیز. خالق شخصیت شیگرو میاموتو گفت که سبیل برای جدا کردن بینی از بقیه صورت لازم است. بنابراین یکی از ویژگی های اصلی چهره ماریو نه تنها طراحی شخصیت، بلکه یک ترفند عملی است. که حکمت قدیمی را تأیید می کند - "نیاز مادر نبوغ است".

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

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

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

کل تیم اینجاست!

قالب های فایل

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

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

برای ذخیره یک تصویر ثابت بدون افت کیفیت، از فرمت PNG استفاده کنید. برای انیمیشن ها - GIF.

نحوه اشتراک گذاری هنر پیکسلی به روش صحیح

به اشتراک گذاری هنر پیکسل در رسانه های اجتماعی یک راه عالی برای دریافت بازخورد و ملاقات با هنرمندان دیگری است که به همان سبک کار می کنند. استفاده از هشتگ #pixelart را فراموش نکنید. متأسفانه، شبکه های اجتماعی اغلب بدون درخواست، PNG را به JPG تبدیل می کنند و کار شما را بدتر می کنند. و همیشه مشخص نیست که چرا تصویر شما تبدیل شده است.

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

توییتر

برای بدون تغییر نگه داشتن فایل PNG در توییتر، از کمتر از 256 رنگ استفاده کنید مطمئن شویدکه فایل شما کمتر از 900 پیکسل طول دارد. اندازه فایل را به حداقل 512x512 پیکسل افزایش می دهم. و به طوری که مقیاس گذاری مضربی از 100 باشد (200٪، نه 250٪) و لبه های تیز حفظ شوند (نزدیک ترین همسایه در فتوشاپ).

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

اینستاگرام

تا جایی که من می دانم امکان ارسال عکس در اینستاگرام بدون افت کیفیت وجود ندارد. اما اگر آن را تا حداقل 512x512 پیکسل بزرگ کنید قطعا بهتر به نظر می رسد.

منبع: www.habr.com