نماد وبلاگ کمتر از 100 کیلوبایت. با Paint یک آواتار بسازید. صفحه نمایش شبکیه چشم و HiDPI

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

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

DPI، PPI و تغییر اندازه

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

به عنوان مثال، یک تصویر 100 پیکسلی که با 100 DPI چاپ می شود، 1 اینچ خواهد بود. همه چیز ساده و واضح است.

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

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

فرض کنید یک تصویر 3000 پیکسلی (مربع) داریم که دارای مقدار 300 DPI است. ما دریافت می کنیم: 3000 پیکسل / 300 DPI = 10 اینچ. و حالا وارد ویرایشگر (فتوشاپ) می شویم و مقدار DPI را به 600 تغییر می دهیم. چه چیزی بدست خواهیم آورد؟ و بستگی به چک باکس "Resample" دارد. اگر هزینه داشته باشد، نمونه برداری (افزایش) تصویر را دریافت می کنیم 6000 پیکسل ها در غیر این صورت، اندازه در اینچ تبدیل می شود 5 بجای 10 .

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

صفحه نمایش DPI/PPI

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

PPI افسانه ای 72 و 96 اغلب در اینجا ظاهر می شود که باید تراکم پیکسلی "استاندارد" را برای صفحه نمایش نشان دهد. برای کارهای نمایش گرافیک در وب، آنها بی فایده هستند. در عین حال، تراکم پیکسل واقعی صفحه نمایش می تواند کاملاً متفاوت باشد: به طور معمول چیزی در حدود 120 PPI (شما می توانید برای صفحه نمایش خود اندازه گیری و محاسبه کنید).

اما ما به یاد داریم که تصاویر شطرنجی فقط در اندازه گیری می شوند پیکسل هاو دیگر هیچ. چرا اصلاً در مورد PPI صفحه نمایش صحبت می کنیم؟ زیرا صفحه نمایش "رتینا" یا "HiDPI" وجود دارد.

صفحه نمایش شبکیه چشم و HiDPI

این نمایشگرها به طور گسترده در دستگاه های تلفن همراهو لپ تاپ های گران قیمت در اصل، این افزایش کمی در پیکسل ها با حفظ ابعاد فیزیکی صفحه نمایش است (به عنوان مثال، 5 اینچ مورب و 330 PPI).

برای ما به‌عنوان توسعه‌دهندگان وب، این به معنای ظاهر شدن پیکسل‌های مختلف در مرورگر است: پیکسل‌های CSS (که معمولاً در اندازه‌های عنصر مشخص می‌کنیم) و پیکسل‌های فیزیکی (پیکسل‌های واقعی روی صفحه). فرمول این است: پیکسل های فیزیکی = پیکسل های CSS * DPR.
DPR یک نسبت پیکسل دستگاه است - نسبت تبدیل پیکسل های CSS به پیکسل های فیزیکی.

هنگام قرار دادن یک عکس، می توانیم یک برچسب بنویسیم imgبا ابعاد 20 پیکسل و تصویر 40 پیکسل خواهد بود. در همان زمان، در صفحه ای با DPR=2.0، تمام پیکسل های تصویر را مشاهده خواهیم کرد. اما در این شرایط، ما مطلقاً به مقادیر واقعی PPI صفحه نمایش اهمیت نمی دهیم.

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

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

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

برای شروع، ما تصمیم خواهیم گرفت که از کدام تصویر آواتار منحصر به فرد خود را بسازیم. این می تواند عکس ما، یک تصویر زمینه دسکتاپ مورد علاقه یا یک عکس زیبا از اینترنت باشد. ما باید یک آواتار با اندازه 100x100 پیکسل بسازیم، این فرمت توسط اکثر چت ها پشتیبانی می شود و سیستم های اجتماعی. با این حال، در صورت تمایل، می توانید هر اندازه تصویر را، چه 64x64 یا 150x150 پیکسل، تنظیم کنید.

اکنون با کلیک بر روی دکمه Start در پایین دسکتاپ و انتخاب دسته Accessories از منوی Programs، برنامه Microsoft Paint را باز کنید.

در صفحه نمایش می بینیم:

حال باید تصویر انتخاب شده را در برنامه Paint باز کنیم. ما به بخش "File" که در بالای پنجره برنامه است می رویم، سپس روی "Open" کلیک می کنیم و تصویر خود را در لیست پیدا می کنیم.

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

اکنون کار اصلی ایجاد آوا آغاز می شود. در منو، مسیر زیر "تصویر" - "ویژگی ها" را دنبال کنید. تصویر زیر را مشاهده می کنیم:

بیایید به اندازه تصویر اصلی توجه کنیم. ما آن را 1024 عرض و 768 طول داریم. ما این پارامترها را یادداشت می کنیم. در مرحله بعد، روی دکمه "OK" کلیک کنید و ادامه دهید. دوباره به بخش "طراحی" می رویم. در آنجا گزینه "Stretch / Skew" را پیدا می کنیم. ما آن را انتخاب می کنیم و موارد زیر را روی صفحه نمایش می دهیم:

حال بیایید پارامترهای اصلی تصویر خود را به یاد بیاوریم (1024 عرض و 768 طول). این 100٪ هم به صورت عمودی و هم افقی است. ما محاسبات کوچکی انجام می دهیم و دریافتیم که اندازه آواتار تمام شده نباید از 16٪ منبع تجاوز کند. در فیلدهای "افقی" و "عمودی" عدد 16 را وارد کنید. "OK" را فشار دهید و از ایجاد پیکسل های 164x123 ما تحسین کنید. ما نباید فراموش کنیم که هدف ما تصویری با ضلع 100 پیکسل است.

ما گرفتیم:

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

با دکمه سمت راست ماوس روی تصویر کلیک کنید. در کادر محاوره ای، "Copy" را انتخاب کنید و منوی موجود در پنل بالای برنامه را دنبال کنید. در آنجا گزینه «ایجاد» را انتخاب کنید. وقتی "Paint" از شما می پرسد که آیا تغییرات را در فایل ذخیره کنید، نترسید، روی "نه" کلیک کنید. پس از ظاهر شدن یک صفحه خالی از یک سند جدید، بخش کپی شده را در آنجا جایگذاری کنید.

به این صورت انجام می شود. ما پارامترهای فیلد را تنظیم می کنیم: طول و عرض را به 100 پیکسل محدود می کنیم. مشخص کنید که واحدهای اندازه گیری پیکسل یا نقطه باشند. ما همچنین توجه می کنیم که "پالت" رنگی است. اگر نیاز به ایجاد آواتار با پارامترهای دیگر دارید، آنها را در این قسمت مشخص کنید (80x80، 150x150 یا 64x64 پیکسل).

هر چه اندازه تصویر مورد نیاز کوچکتر باشد، درصد منبع بیشتری را باید مشخص کنیم.

بنابراین، یک مربع سفید تمیز با ضلع 100 پیکسل به دست آوردیم.

← صفحات ← مجموعه ای از تصاویر با عرض و ارتفاع 100 پیکسل، دانلود آواتار

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

تصویر با چشم و مژه از آتش. دانلود آواتار غیر معمول با مژه های آتشین و چشم سبز.

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

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

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

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

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

تصویر یک همستر کشیده را نشان می دهد و متنی هشدار می دهد که فردی که در زیر آواتار جونده پنهان شده است 100٪ یک همستر است. در avatarko.ru می‌توانید این آواتار جالب را با یک همستر واقعی، هر چند کشیده، دانلود کنید.

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

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

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

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

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

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

عکس متحرک با خیار روی چنگال. دانلود آواتار عالی با یک میان وعده به شکل خیار.

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

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

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

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

آواتار زیبا با یک خرس قطبی اسباب بازی با یک قلب روی آواتار. دانلود عکس از خرسرنگ سفید در قسمت "عشق" که 100 در 100 پیکسل است.

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

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

آواتار متحرک با عنکبوت در حال اجرا در امتداد طرح کلی تصویر و ساختن یک وب در گوشه. دانلود عکس 100x100 با انیمیشن عنکبوت. در Avatarko.ru می توانید آواتارهای جالب با حیوانات را دانلود کنید.

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

شمع متحرک در پس زمینه سبز. دانلود انیمیشن آواتار 100x100 با شمع سوزان با شعله.

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

آواتار با گربه قرمز خندان با بینی قرمز. عکس بسیار زیبا و مثبت برای آواتار.

تصویر سیاه و سفید با انیمیشن مردی که دائماً در حال سقوط به دلیل زمین هولناک است. دانلود انیمیشن آواتار 100 عریض و 100 ارتفاع با سقوط مرد کشیده شده.

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

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

← صفحات ← دانلود بهترین آواتارها با ابعاد 100 در 100 پیکسل

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

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

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

تصویری از بازی کرم ها با کرم با هاله در حال دعا قبل از نبرد کرم ها. دانلود آواتار از یک بازی کامپیوتری محبوب.

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

آواتار متحرک برای انجمن‌ها با چهره‌ای سبز با چشم‌های متحرک و پلک‌زن. دانلود عکس 100x100 با انیمیشن چشم روی پوزه سبز.

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

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

عکسی برای کسانی که دوست دارند مشروبات الکلی بنوشند. دانلود آواتار با متن "من الکلی هستم" و لیوان.

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

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

تصویری با نوشته «I love music» در زمینه مشکی به جای کلمه love a heart. دانلود آواتار متنی با موضوع موسیقی. و برای کسانی که روندها را دنبال می کنند صنعت موسیقینه تنها آواتار جالب خواهد بود، بلکه موسیقی آن نیز جالب خواهد بود که متاسفانه در سایت وجود ندارد.

عکس متحرک با چشم سبز. دانلود آواتار عالی با انیمیشن چشم سبز چشمک زن و اعداد متحرک که در انعکاس چشم قابل مشاهده است.

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

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

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

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

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

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

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

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

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

آواتار لوگوی مک دونالد برای دوستداران فست فود و کارگران غذاخوری. دانلود عکس شیک با لوگوی مک دونالد.

آواتار عالی با قلب و کاردیوگرام متحرک آن. دانلود عکس با موضوع عشق با انیمیشن نبض عشق.

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

تصویری با بابونه زیبا در رنگ های ملایم. دانلود آواتار تندرنس برای انجمن با گل در سایت

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

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

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

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