جادوی ریاضی در گرافیک، بیت مپ یا وکتور
شاید شما هم گاهی درباره تصاویر کنجکاو شده اید. چرا بعضی تصاویر کیفیت پایین تری دارند و بعضی دیگر چطور می توانند شفاف و واضح به نظر برسند؟! مثلاً لوگوی یک شرکت روی یک بیلبورد تبلیغاتی بزرگ در بزرگراه با اینکه خیلی بزرگ شده است اما همچنان انقدر وضوح دارد! آیا فرقی بین این تصاویر وجود دارد؟
برای پاسخ به این سوال باید بگویم بله همین طور است. بعضی تصاویر کیفیت بسیار بالاتری دارند. جدا از مساله نوع ساخت و طراحی یا عکاسی که می تواند روی کیفیت و وضوح آن ها اثرگذار باشد؛ شیوه ذخیره سازی آن ها در کامپیوتر هم روی کیفیت آن ها تاثیر می گذارد. در کامپیوتر تصاویر به دو شکل ذخیره می شوند:
- پیکسلی
- برداری
پیکسل چیست؟
پیکسل (Pixel) کوچکترین واحد سازندهٔ یک تصویر دیجیتال است، مثل آجرهای یک دیوار یا خانه‌های یک صفحه شطرنج!
اگر یک عکس را از نزدیک نگاه کنید یا خیلی بزرگ کنید (روی آن زوم کنید)، می‌بینید که از هزاران مربع ریز رنگی تشکیل شده است. هر کدام از این مربع‌ها یک پیکسل هستند. پیکسلها مثل «آجرهای دیجیتال» هستند که با کنار هم چیدن آنها، هر تصویری روی صفحه نمایش یا در عکس‌ها ساخته میشود.
ویژگی‌های پیکسل:
۱. رنگ: هر پیکسل فقط می‌تواند یک رنگ داشته باشد (مثلاً قرمز، آبی یا ترکیبی از رنگ‌ها).
۲. موقعیت: هر پیکسل در یک سطر و ستون مشخص قرار دارد (مثل مختصات X و Y در ریاضی یا طول و عرض معین).
۳. اندازه: پیکسلها خودشان اندازه فیزیکی ندارند! اندازه‌شان به وسیلهٔ نمایشگر (مثل صفحه گوشی) یا وضوح و کیفیت عکس تعیین میشود.
بعد از اینکه متوجه شدید پیکسل ها چه هستند حالا بیایید تفاوت بیت‌مپ و وکتور در کامپیوتر را بررسی کنیم:
1.تصاویر پیکسلی، بیت‌مپ (Bitmap): نقاشی با نقطه‌های رنگی
تصور کنید یک برگه شطرنجی دارید و هر خانه را با رنگ خاصی پر می‌کنید. تصاویر بیت‌مپ دقیقاً همینطور ساخته میشوند!
– هر خانه کوچک به نام پیکسل است.
– هر پیکسل یک رنگ خاص دارد (مثلاً قرمز، آبی یا مشکی).
– وقتی عکس را بزرگ کنید، پیکسلها واضح دیده میشوند و تصویر تار میشود (مثل وقتی یک نقاشی را خیلی از نزدیک نگاه می‌کنید).
می‌دانید که هر تصویر یا فایلی در کامپیوتر یک فرمت دارد. این فرمت به صورت پسوند در انتهای نام فایل نشان داده می شود. مثلاً تصویر کارنامه.jpg تصویری از کارنامه است که فرمت جِی پِگ دارد و از نوع پیکسلی است.
فرمت‌های معروف تصاویر پیکسلی: JPG، PNG، GIF
کاربرد: عکس‌های واقعی (مثل عکس دوربین)، نقاشی‌های پیچیده با سایه‌ها.
فرمت چیست؟
فرض کنید می‌خواهید آب را در ظرف‌های مختلف نگه دارید:
- آب در بطری = نوشیدنی قابل حمل.
- آب در لیوان = برای نوشیدن سریع.
- آب در قوری = برای دم کردن چای.
هر ظرف شکل و کاربرد متفاوتی دارد. فرمت فایل هم دقیقاً همین نقش را ایفا می‌کند.
۲. تصاویر برداری (Vector): نقاشی با فرمول‌های ریاضی
فرض کنید با یک مداد جادویی شکل می‌کشید که هرگز خطوطش تار نمیشود! تصاویر برداری با معادلات ریاضی ساخته میشوند.
– مثلاً یک دایره با فرمول ریاضی تعریف میشود: «مرکز (x,y)، شعاع r».
– وقتی عکس را بزرگ کنید، کامپیوتر فرمول را دوباره محاسبه می‌کند و به این ترتیب تصویر همیشه واضح می ماند! در واقع کامپیوتر هنگام بزرگ و کوچک شدن این نوع از تصاویر هر بار فرمول ذخیره سازی را مجدد حساب کرده و با توجه به اندازه، کیفیت نمایشگر و … موقعیت و اندازه نمایش تصویر را بازسازی می کند. پس پیکسلی در کار نیست که در اثر بزرگ شدن تار شود!
فرمت‌های معروف تصاویر برداری: SVG، AI، EPS
کاربرد: لوگوها، آیکون‌ها، نقشه‌ها، فونت‌ها.
شاید برایتان سوال شده که مگر فونت ها هم تصویر هستند؟!! بله! هر چیزی از جمله نوشته ها، تصاویر، دکمه ها، صفحات وب، کادرها و پنجره های ویندوز و … حتی این نقطه . همه این ها از نظر فنی در کامپیوتر یک تصویر به حساب می‌آیند. به عبارت کلی هر چیزی که در صفحه نمایش می‌بینید یک تصویر است و می‌تواند از نوع پیکسلی یا برداری باشد.
تفاوت اصلی در نحوه ذخیره‌سازی:
اما تفاوت بیت‌مپ و وکتور در شیوه ذخیره سازی نیز هست:
بیت‌مپ:اطلاعات هر پیکسل (رنگ و موقعیت) ذخیره میشود. هرچه تصویر بزرگتر، حجم فایل بیشتر!
برداری: فقط فرمول‌ها ذخیره میشوند. حجم فایل معمولاً کمتر است.
چه زمانی از هرکدام استفاده کنیم؟
| نوع تصویر | کاربرد |
| بیت‌مپ | عکس‌های طبیعی، نقاشی‌های دیجیتال با جزئیات |
| برداری | لوگوها، متن‌ها، طرح‌های گرافیکی ساده |
جمع‌بندی تفاوت بیت‌مپ و وکتور با یک مثال روزمره:
– اگر یک عکس سلفی بگیرید، آن را به صورت بیت‌مپ (مثل JPG) ذخیره می‌کنید.
– اگر یک لوگو برای مدرسه طراحی کنید، بهتر است آن را برداری (مثل SVG) بسازید تا روی بنر بزرگ هم واضح بماند!
—
تمرین:
۱. در کامپیوتر، یک عکس JPG را باز کنید و آن را بزرگ کنید تا پیکسلها را ببینید!
امیدوارم حالا تفاوت این دو را مثل آب خوردن فهمیده باشید! 😊 هر سوالی دارید در بخش نظرات بپرسید.
تمرین
دو تصویر زیر را با یکدیگر مقایسه کنید. می توانید این تصاویر را در کامپیوتر یا گوشی همراه خود ذخیره کرده و سپس تمرین را حل کنید. دلایل خود را به صورت تجربی و آزمایشی بدون توجه به نظرات دیگران درباره نوع این تصاویر در بخش نظرات برای من بنویسید.
راهنمایی: بعد از دانلود تصاویر در گوشی همراه بلافاصله روی فایل دانلود شده کلیک کنید و آن را باز کنید.
| تصویر سمت راست | تصویر سمت چپ |
 |
 |
63 Comments
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
سلام. تصویر سمت چپ باز نشد
می تونید در گوشی از نوتیفای روی تصویر دانلودی بزنید یا راست کلیک کنید و گزینه نمایش تصویر یا Preview image رو بزنید تا براتون باز بشه. در گوشی همراه این فرمت معمولا پشتیبانی نمیشه و باز کردنش با مرورگر به شکل مستقیم کمی سخته. با این روش که گفتم روی تصویر نگه دارید صفحه تاچ رو و گزینه فوق رو بزنید خود گوشی در یک tab جدید مرورگر باز می کنه و می تونید زوم کنید و کامل تست کنید.
تصویر سمت راست، پیکسلی است و به صورت بیت مپ ذخیره شده است. تصویر سمت چپ برداری است و توسط محاسبه فرمول ذخیره شده است به همین دلیل در بزرگنمایی تصویر سمت چپ همان وضوح اولیه را دارد اما تصویر سمت راست، در بزرگنمایی وضوح کمتری دارد
سلام
تصویر سمت راست فرمت png پیکسلی وسمت چپی فرمت svg و برداری است
سلام وقت بخیر
سمت چپ فرمت svg است یعنی بصورت برداری است
اما سمت راست فرمت خاصی ندارد یعنی بیت مپ است یعنی پیکسلی است
سلام تی تی جان😍
ممنون از اینکه انقد ساده و شیوا واسمون توضیح دادین
سوالی بود که خیلی وقت بود ذهنمو درگیر کرده…
ممنون از آموزش های خوبتون 🌿
سلام وقت بخیر
سمت چپ فرمت svg است یعنی بصورت برداری است
اما سمت راست فرمت خاصی ندارد یعنی بیت مپ است یعنی پیکسلی است.
سلام استاد عزیز
عکس سمت راست بیت مپ هست چون موقع بزرگنمایی به صورت پیکسل دیده میشه و عکس سمت چپ برداری هست چون با بزرگنمایی عکس بسیار واضح هست
سلام تصویر سمت راست با فرمت png یعنی بصورت بیت مپ ذخیره شده ولی سمت چپی با فرمت svg یعنی به صورت برداری ذخیره شده. سیب سمت راست وقتی باز کردم تصویر دقیقا وسط صفحه و بزرگ دیده شد ولی تصویر سیب سمت چپ بالای صفحه و کوچکتر بود. در واقع سیب سمت راست انگار داخل یک قالب و قاب بود که در تصویر سمت چپ دیده نمیشد
تصویر سمت راست پیکسلی هست
تصویر سمت چپ وکتور هست
تصویر سمت راست پیکسلی یا بیت مپ هست
و تصویر سمت چپ برداری یا وکتور هست
سمت راستی از نوع پیکسلی است با فرمت png اما سمت چپی از نوع برداری با فرمت svg
پس سمت چپی کیفیت بهتری دارد و با بزرگ کردن سایز افت کیفیت پیدا نخواهد کرد
سلام ،شبتون به خیر
من مقاله رو خوندم و تصویر ها رو دانلود کردم و هر چقدر بزرگترش کردم تفاوتی ندیدم و هم چنین پیکسل های تصویر مشخص نبودند
سلام وقت بخیر
تصویر سمت راست پیکسلی هست چون هم وقتی زوم می کنیم کیفیت آن کاهش می یابد و تصویر دندانه‌دار به نظر می رسد.این نوع تصاویر از شبکه‌ای متشکل از پیکسلها (نقاط کوچک) تشکیل شده‌اند و هر پیکسل دارای رنگ خاصی است و با ترکیب این پیکسلها، تصویر نهایی ایجاد میشود و فرمت این عکس PNG می باشد.
اما تصویر سمت چپ برداری است
چون وقتی زوم می کنیم کیفیت آن کاهش پیدا نمی کند این تصاویر به دلیل ماهیت ریاضی خود بدون افت کیفیت قابلیت بزرگنمایی دارند
این تصاویر به جای پیکسل از اشکال هندسی، خطوط، منحنی‌ها و نقاط تشکیل شده‌اند و فرمت این تصویر SVG می باشد
سلام خانم دارابیان گرامی.
شکل سمت چپ فرمت spg
شکل سمت راست فرمت png,تصویر پیکسلی
svg
سلام در تصویر سمت راست با زوم کردن روی تصویر حالت پیکسلی بودن در کناره های تصویر کاملا مشخص است و وضوح کمتر میشود.اما در تصویر سمت چپ با زوم کردن روی تصویر هیچ تغییری در کیفیت تصویر ایجاد نمیشود. در نتیجه تصویر سمت راست بیپ مپ و تصویر سمت چپ برداری است
سلام در تصویر سمت راست با زوم کردن روی تصویر حالت پیکسلی بودن در کناره های تصویر کاملا مشخص است و وضوح کمتر میشود.اما در تصویر سمت چپ با زوم کردن روی تصویر هیچ تغییری در کیفیت تصویر ایجاد نمیشود. در نتیجه تصویر سمت راست بیپ مپ و تصویر سمت چپ برداری است
تصویر سمت چپ با فرمت svg ذخیره شده که به صورت وکتور، برداری یا همون فرمول نویسی هستش که با بزرگ نمایی کیفیت تصویر حفظ میشه چون به صورت فرمول ریاضی ذخیره شده و حجم فایل کمتر هستش
تصویر سمت راست با فرمت png ذخیره شده که با بزرگ نمایی کیفیت تصویر پایین میاد و شما میتونید پیکسل ها رو ببنید حجم فایل هم نسبت به تصویر سمت چپ بیشتر هستش
یکی از عکس ها زمانی که زوم میکنیم خطوط تار هستند اما اون یکی رو که زوم ممیکنید خطوط کاملا واضح و شفافه
تصویر سمت راست:
با پسوند PNG و حجم 64KB از نوع تصاویر پیکسلی یا Raster است.
محتویات آن باینری و حاوی داده های پیکسلی تصاویر است. گرافیک های پیکسلی برای تصاویر بسیار پیچیده مانند عکس ها مناسب هستند زیرا می توانند جزئیات کوچک را پیکسل به پیکسل ثبت کنند. این تصاویر وضوح ثابت دارند، بنابراین بزرگنمایی یک تصویر پیکسلی، کیفیت آن را کاهش می دهد.
تصویر سمت چپ:
با پسوند SVG و حجم 12KB از نوع تصاویر برداری یا Vector است.
فایل های SVG به زبان XML که برای ذخیره و انتقال اطلاعات دیجیتال مورد استفاده قرار می گیرد، نوشته می شوند. اگر با HTML آشنایی دارید، بدانید که XML نیز شبیه به آن می باشد. XML در یک فایل SVG، تمام اشکال، رنگ ها و متونی که تصویر را تشکیل می دهند، مشخص می کند. این فرمت ها نقاط و خطوطی از تصاویر را ذخیره می کنند. فرمول های ریاضی، تعیین کننده مکان و شکل این نقاط و خطوط بوده و فاصله های نسبی را با تغییر اندازه تصویر حفظ می کنند. به طور کلی، استفاده از فرمت SVG برای تصاویری که جزئیات کمتری نسبت به عکس ها دارند، توصیه می شود.
* مزیت های استفاده از فایل SVG:
1. مقیاس پذیری بی نهایت: می توانید تصاویر SVG را بدون افت کیفیت به هر اندازه ای کوچک یا بزرگ کنید.
2. حجم کمتر فایل ها
3. سفارشی سازی:فایل های SVG با هر نرم افزار ادیت وکتور (بردار) قابل ویرایش هستند. طراحان می توانند به سادگی شکل، اندازه، رنگ، بافت و سایر جلوه های بصری مانند گرادیانت، شفافیت، سایه ها و میزان تاری را در این فایل ها تغییر دهند. برخلاف تصاویر رستر (پیکسلی)، برای ویرایش SVG نیازی نیست که یک متخصص فتوشاپ حرفه ای باشید. ویرایش تصاویر برداری نسبت به ویرایش تصاویر رستری آسان تر است.
4. سازگاری اسکریپت:می توانید تصاویر SVG را به کمک اسکریپت ها کنترل کنید. اسکریپت ها امکان نمایش محتوای پویا از جمله انیمیشن ها و نمودارهای تعاملی را فراهم می کنند.
* معایب استفاده از فایل SVG:
1. ناکارآمد برای تصاویر با جزئیات زیاد
2. نیاز به دانش کدنویسی جهت ویرایش و سفارشی سازی
3. نگرانی های امنیتی: فایل های SVG می توانند شامل اسکریپت هایی که در مرورگر اجرا می شوند، باشند. این ویژگی باعث می شود آنها به راهی برای حملات “Cross-Site Scripting” تبدیل گردند که در آن مهاجم می تواند کدهای مخرب را درون وب سایت شما قرار دهد.
با سلام و خسته نباشید تصویر سمت راست از نوع تصاویر پیکسلی بیت مپ هستش که با فرمت pngذخیره شده است و حجم فایل تصویر ۶۳/۵۷ کیلو بایت است .در این نوع تصاویر اگر تصویر را بزرگتر کنیم،تصویر تار شده و حجم فایل هم بیشتر میشود و از این نوع تصاویر برای عکس های طبیعی نقاشی و دیجیتالی ..استفاده میشود.
اما تصویر سمت چپ از نوع تصاویر برداری vectorاست که با فرمت svbذخیره شده است و حجم فایل هم ۱۱/۲۴کیلو بایت است و نسبت به تصویر سمت راست خیلی کمتر است .از این نوع تصاویر برای لوگوها و طرح های گرافیکی ساده استفاده می شود چون هر چقدر بزرگتر کنیم تصویر همیشه واضح می ماند .در این نوع ذخیره سازی حجم فایل کمتر است
تصویر سمت راست به صورت پیکسلی است وقتی بزرگش میکنیم تصویر تار و گوشه ها پیکسلش دیده میشود
تصویر سمت چپ با فرمول ریاضی(وکتور) بود که در صورت بزرگ کردن باز هم واضح دیده میشود
سلام،خداقوت، تصویرسمت راست با پسوند،png ذخیره شده و وقتی تصویر را زوم میکنی پیکسل هایی مشخص میشود به قولی کیفیت میاد پایین ولی تصویر چپ با پسوند Svb,ذخیره شده و هرچقدر زوم کنی باز تصویر صاف و یک دستی داری،که مناسب لگو هست این نوع فرمت.و تصویری برداری با فرمول های رياضي است
با سلام و احترام.بعد از زوم کردن روی تصویر سمت راست، وضوح کم می شود و لبه های تصویر مات و بریده بریده می شود.ولی با زوم کردن روی تصویر سمت چپ از کیفیت تصویر کاشته نمی شود و لبه های کار هیچ تغییری نمی کند.
جواب تمرین:
تصویر سمت راست رو وقتی زوم میکنیم، کیفیتش میاد پایین و خط های آبی به صورت پیکسلی نشون داده میشن ولی تصویر سمت چپ رو هرچقدر هم زوم کنیم، بازم با کیفیت اصلی هست و خطوط آبی واضح هست
با سلام و احترام.بعد از زوم کردن تصویر سمت راست، وضوح تصویر پایین آمده و لبه های تصویر نامنظم و بریده بریده می شود ولی در تصویر سمت چپ هیچ تغییری ایجاد نمی شود.
تصویر سمت راست پیکسلی و سمت چپ وکتور است وبه صورت svg ذخیره شده
سلام تی تی وقتتون بخیر
تصویر سمت راست پیکسلی وبیت مپ با فرمتpng بود وتصویر سمت چپ به صورت برداری وفرصت svg بود
ممنون از شما
سلام خدا قوت تصویر سمت راست پیکسلی و سمت چپی بردار هست
سلام وقتتان بخیر
تصویر سمت راست با فرمت بیت مپ و png بوده وتصویر سمت چپ به صورت تصویر برداری وفرمت svg می باشد
تصویر سمت راست به صورت بیت مپ(png) ذخیره شده و بر اثر بزرگ شدن تصاویر کیفیتش پایین می‌آید و پیکسل هایش پیدا میشود.
تصویر سمت چپ به صورت وکتور(svg) ذخیره شده و چون با فرمول های ریاضی است کیفیتش بالاتر است و با حجم کمتری ذخیره میشود.
سلام
تصویر سمت راست بیت مپ و پیکسلی هست اما سمت چپ برداری
تصویر سمت راست به صورت بیت مپ(png) ذخیره شده و بر اثر بزرگ شدن تصاویر کیفیتش پایین می‌آید و پیکسل هایش پیدا میشود. تصویر سمت چپ به صورت وکتور(svg) ذخیره شده و چون با فرمول های ریاضی است کیفیتش بالاتر است و با حجم کمتری ذخیره میشود.
سلام تصویر سمت راست پیکسلی است و سمت چپ برداری
سلام وقت بخیر
تصویر سمت راست بیت مپ و تصویر سمت چپ وکتور می باشد.
تصویر سمت راست بیت مپ و پیکسلی است حجم بیشتر ولی تصویر سمت چپ برداری و وکتور است با حجم کمتر و وضوح بیشتر .
سلام وقت بخیر
تصویرراست پیکسلی است وکیفیت پایین وتصویرچپ برداری وsvg وبرداری است.
بله همینطوره
سلام وقت بخیر
تصویرسمت راست به صورت بیت مپ است وکیفیت کمتری داردو pngاست وتصویرسمت چپ به صورت برداری وsvg وباکیفیت بالایی میباشد.
سلام استاد
تصویر سمت راست پیکسلی
وسمت چپ برداری است
با سلام تصویر سمت راست فرمت دخیره png ,هست و در گوشی در گالری قابل مشاهده است
ولی تصویر سمت چپ svg. هست و در گالری قابل مشاهده نیست
ليلا نظری
سلام تصویر سمت راست پیکسلی هست و تصویر سمت چپ برداری
تصویر سمت راست PNG و پیکسلی است و سمت چپ به صورت بیت مپ و برداری و با کیفیت
با سلام تصویر سمت راست فرمت دخیره png ,هست و در گوشی در گالری قابل مشاهده است
ولی تصویر سمت چپ svg. هست و در گالری قابل مشاهده نیست
ليلا نظری
سلام استاد
من نمی توانم نظرم را ثبت کنم
پیام خطا ثبت قبلی می دهد
با تشکر
عرض سلام و ادب تصویر سمت راست باز کردم فرمت پیکسلی بیت مپ PNG هست و مثل بقیه عکس های دوربین در گالری ذخیره شد
ولی عکس سمت چپ یک لوگو هست چون فرمتش svg برداری هست
سلام. در گوشی پس از دانلود سیب سمت راست دارای فرمت png و سیب سمت چپ svg که کیفیت بهتری نسبت به سیب سمت راست دارد.
سلام. سیب سمت راست دارای فرمت png و در گوشی قابل مشاهده است اما سیب سمت چپ فرمتsvg است که در گوشی باز نشد
سمت راست پیکسلی و سمت چپ برداری که کیفیت بهتری دارد
سیب راست، فرمت png است و سمت چپ فرمت svg داره، از details توی گوشی دیدم. عکس سمت چپ توی گوشی باز نمیشه. تصویر سمت راست رو وقتی زوم میکنیم از وضوح تصویر کم میشه
سلام. تصویر راست png و سیب چپ svg است. تصویر سمت راست وقتی زوم میکنیم وضوح کم میشه.
عکس سمت راستی به صورت بیت مپ و فرمت png است عکس سمت چپی برداری است و فرمتش svg است
راست تصویر بیت مپ و چپ برداری هست
تصویر راست:
پسوند png
نوع پیکسلی
ای تصویر دارای بک گراند مثل تصاویر jpg نیست ومی توان در طراحی هایی مثل اپلیکیشن ها که نیاز به سایز بزرگ ندارند استفاده کرد
تصویر چپ:
پسوند svg
نوع وکتور
برای استفاده از این تصاویر اندازه هیچ محدودیتی ندارد مثل استفاده از بنر ها و همچنین برای استفاده نیاز هست که با برنامه های دیگر مثل مرورگر یا نرم افزار های طراحی تصاویر وکتور مثل ایلاستریتور استفاده کرد. تصاویر وکتور را میتوان به پیکسلی تبدیل کرد
سلام
تصویر سمت راست پیکسلی وتصویر چپ برداری
سلام.تصویرسمت راست زمان دانلود بافرمتpngمشاهده میشه که نشان‌دهنده پیکسلی بودن وروش بیت مپ است.وقتی زوم میکنی لبه های کارپیکسلی میشه وتار ولی عکس سمت چپ که هرچه بزرگ میکنیدتغییری درکیفیت ایجادنمیشودبامدل برداری اجراشده یعنی شیوه وکتور
سلام.تصویر سمت راست فرمت png و از نوع پیکسلی هست و بر اثر بزرگنمایی پیکسلها نمایش داده میشن ؛ تصویر سمت چپ فرمت svg و از نوع وکتور برداری هست و قابلیت نمایش و بزرگنمایی در هر ابعادی رو بدون افت کیفیت داره.
سلام
تصویر سمت راست پیکسلی و به شکل بیت مپ هست ولی تصویر سمت چپ برداری یا vector و به فرمت svg ذخیره شده
تصویر سمت راست، هنگام زوم کردن، پیکسل پیکسل هست.
پس فرمت بیت مپ دارد.
تصویر سمت چپ، با نهایت زوم هم پیکسلی نمیشود.
پس فرمت برداری و فرمولی دارد.
تصویر سمت راست با فرمت png که مخصوص فایل ها بیت مپ هست ذخیره شده است
و تصویر سمت چپ با فرمت svg كه براي تصاوير برداری است ذخیره شده
تصویر سمت راست به صورت بیت مپ و پیکسلی هست و وقتی زوم میکنیم تار دیده میشه و پیکسل پیکسل هست، فرمتش هم به صورت png هست
توی تصویر سمت چپ تصویر از نوع برداری و وکتوره و وقتی زوم میکنیم هم کاملا شفاف، فرمتش هم SVG عه
سلام علیکم تصویر سمت راست پیکسلی است ودارای وضوح کمتر ولی تصویر سمت راست برداری است ودارای وضوح بیشتر
تصویر سمت راست
png
پیکسلی
در سایز بزرگ لبه تصویر دندانه دار میشه
تصویر سمت چپ
svg
وکتور
هرچقدر بزرگش کنیم کیفیت تغییر نمیکنه