ফ্যাভিকন আকার এবং ফর্ম্যাট সম্পর্কিত সেরা অনুশীলন


32

আমি একটি ওয়ার্ডপ্রেস সাইটে ব্যস্ত এবং ফেভিকন হয়ে ফিনিশিং টাচ যুক্ত করতে মঞ্চে এসেছি। আমি মূলত একজন বিকাশকারী তাই গ্রাফিক্স এবং আইকনগুলি আমার সবচেয়ে শক্তিশালী বিষয় নয়।

ফেভিকন তৈরি করার সময় সেরা অনুশীলনগুলি কী কী (আকারগুলি ইত্যাদির নিরিখে, আমার কাছে ইতিমধ্যে নকশা রয়েছে)? আমি প্রতিটি সম্ভাব্য ডিভাইসের জন্য উপযুক্ত হতে চাই, এটি মোবাইল, ট্যাবলেট, রেটিনা প্রদর্শন ইত্যাদি হতে পারে Also এছাড়াও আমি এটি ঝাপসা হয়ে শেষ করতে চাই না তাই পিক্সেল ঘনত্বটি কীভাবে ব্যবহার করতে হবে এবং সমস্ত কিছু আমার জানা উচিত।

যদি এমন কিছু ম্যাক অ্যাপস বা অনলাইন সরঞ্জাম থাকে যা আপনার জন্য এটি করবে (এবং এটি সঠিকভাবে করুন) তবে দুর্দান্তও হবে। অন্যথায় আমি কীভাবে ইলাস্ট্রেটর এবং ফটোশপের আশেপাশে আমার উপায় সন্ধান করতে পারি।


6
শেষ বছরগুলির খবর তবে: স্ট্যাকওভারফ্লো . com / প্রশ্নগুলি / ১৯৯৯৯৯৪২২/২ । কোনও কারণ সেগুলি আপনার প্রয়োজনীয়তাগুলি আবরণ করবে না?
কেএমএসআরটি

1
ধন্যবাদ @ কেএমএসটিআর, যে চিট শীট github.com/audreyr/favicon-cheat- पत्रকটি ঠিক আমি যা খুঁজছিলাম।
তিওয়াজ 89

@ কেএমএসটিআর আপনি আপনার সত্যিকারের উত্তর এবং গিথুবের সাথে লিঙ্কটি তৈরি করুন যাতে আপনি creditণ পেতে পারেন এবং আমরা এই প্রশ্নটি গ্রহণ করতে পারি :)
হানা

উত্তর:


27

ফ্যাভিকনস থেকে মূল কথা - 2013 এর জন্য সেরা অনুশীলন :

আইসিও ফেভিকন.ইকো (32x32)

পিএনজি ফেভিকন.পিএনজি (96x96)

টাইল আইকন tileicon.png (144x144)

অ্যাপল টাচ আইকন আপেল-টাচ-আইকন-প্রাকম্পোজড.পিএনজি (152x152)

এবং গিটহাবের ফেভিকন আকার / প্রকারের জন্য একটি "বেদনাদায়ক অবসেসিভ" ঠকানো শীট

সর্বদা পঠনযোগ্য: http://www.jonathantneal.com/blog/:30:30-the-favicon/


আমি পড়ছি যে 180x180 অবধি এখন আইওএস 8 এর সাথে ডাকা হয়েছে
ড্রুডাভিড

আপনি একটি উত্স লিঙ্ক করতে পারেন?
কেএমআরএস

1
অবশ্যই। আমি 180px এখন বেশ কয়েকটি জায়গায় উল্লিখিত দেখছি, তবে এটি অ্যাপলের কাছ থেকে পাওয়া সবচেয়ে ভাল: ডেভেলপার.অ্যাপল.
com

12

কী অন্তর্ভুক্ত করতে হবে?

নুন্যতম

<!-- Desktop browsers (including 16x6, 32x32 & 48x48 PNGs) -->
<link rel="shortcut icon" href="/favicon.ico">

<!-- Modern browsers (196x196 should cover all modern browsers) -->
<link rel="icon" type="image/png" href="/favicon.png">

<!-- iOS & other mobile devices (ideally 180x180, at least 120x120) -->
<link rel="apple-touch-icon" href="touch-icon-iphone.png">

অবসেসিভের জন্য

<!-- Desktop browsers (including 16x6, 32x32 & 48x48 PNGs)  -->
<link rel="shortcut icon" href="/favicon.ico">

<!-- Modern browsers & Devices -->
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<link rel="icon" type="image/png" href="/favicon-64x64.png" sizes="64x64">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-128x128.png" sizes="128x128">
<link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196">

<!-- iOS & other mobile devices -->
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-pro.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6plus.png">

<!-- Windows Tiles (optionally omitted and replaced with browserconfig.xml in root directory) -->
<meta name="msapplication-TileColor" content="#582686" />
<meta name="application-name" content="Your Website" />
<meta name="msapplication-square70x70logo" content="tile-small.png" />
<meta name="msapplication-square150x150logo" content="tile-medium.png" />
<meta name="msapplication-wide310x150logo" content="tile-wide.png" />
<meta name="msapplication-square310x310logo" content="tile-large.png" />

favicon.ico

ফেভিকন.ইকো ফ্যাভিকনগুলির মধ্যে প্রাচীনতম, এটি পড়ার আগে প্রচুর লোক জন্মগ্রহণ করেছিল এবং আজও পুরোপুরি কাজ করে।

মাইক্রোসফ্ট 16x16, 32x32 এবং 48x48 আকারের চিত্রগুলি অন্তর্ভুক্ত করার প্রস্তাব দিচ্ছে।

আপনার ফেভিকনটি সংজ্ঞায়নের মানক উপায়:

<link rel="shortcut icon" href="/favicon.ico" />

ব্রাউজারগুলি আপনার ওয়েবসাইটের মূল ডিরেক্টরিটি অনুসন্ধান করবে favicon.icoযাতে আপনি লিঙ্কটি বাদ দিতে পারেন। আরও প্রবীণ ব্রাউজারগুলি ঘোষিত ডিফল্ট হবে favicon.icoএমনকি যদি আরও উপযুক্ত মাপের পিএনজি ঘোষিত হয়, সুতরাং আইসিওটিকে মূল হিসাবে অঘোষিত রেখে দেওয়া এবং বিভিন্ন আকারের পিএনজি ঘোষণা করা ভাল ধারণা হতে পারে।


favicon.png

এইচটিএমএল 5 sizesএকাধিক আকারের আইকনগুলি ঘোষণাতে সহায়তা করার জন্য বৈশিষ্ট্যটি প্রবর্তন করেছিল । নির্দিষ্ট পিএনজি ব্যবহার করা আপনাকে ব্যবহৃত আকারের উপর আরও বেশি নিয়ন্ত্রণ দেয় এবং এর অর্থ শুধুমাত্র সঠিক চিত্রটি লোড হচ্ছে।

<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">

আপনি যে আকারগুলি ঘোষণা করেন সেগুলি ডিভাইসগুলির উপর নির্ভর করে যা আপনি সমর্থন করতে চান। কিছু সাধারণ এবং তেমন সাধারণ আকার নয়:

  • 32x32
  • 48x48
  • 64x64
  • 96x96
  • 128x128 ক্রোম ওয়েব স্টোর আইকন
  • অ্যান্ড্রয়েডের জন্য 160x160 ক্রোম
  • অ্যান্ড্রয়েডের জন্য 192x192 ক্রোম
  • 195x195 অপেরা স্পিড ডায়াল আইকন
  • Android এর জন্য 196x196 ক্রোম
  • 228x228 অপেরা কোস্ট আইকন

অ্যাপল টাচ আইকন

আইওএস ওয়েব ক্লিপ আইকনগুলি বিভিন্ন ডিভাইস এবং রেজোলিউশনের জন্য বিভিন্ন আকারে আসে। আপনি এক বা একাধিক আকারের আইকন নির্দিষ্ট করতে পারেন, যদি প্রাসঙ্গিক আকারে কোনও আইকন না পাওয়া যায়, তবে ঘোষিত আকারের জেনেরিক আইকন ব্যবহার করা হবে না।

কোনও লিঙ্ক উপাদান ব্যবহার করে যদি কোনও আইকন নির্দিষ্ট না করা থাকে, তবে আইওএস apple-touch-iconপ্রিফিক্সের সাহায্যে আইকনগুলির জন্য মূল ডিরেক্টরিটি অনুসন্ধান করবে । আইওএস ডিভাইসগুলি (আশ্চর্যের সাথে যথেষ্ট) এই আইকনগুলি ব্যবহার করার একমাত্র ডিভাইস নয় (উদাহরণস্বরূপ, অ্যান্ড্রয়েড ক্রোম, উদাহরণস্বরূপ) সেগুলি ঘোষণা করা নিরাপদ বিকল্প।

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-pro.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6plus.png">

উইন্ডোজ টাইলস

উইন্ডোজ বা উইন্ডোজ ফোন দুটিতে আপনি যখন কোনও ওয়েবসাইটকে স্টার্ট স্ক্রিনে পিন করেন এবং বিভিন্ন আকারে আসেন তখন টাইলস ব্যবহার করা হয়।

<meta name="msapplication-square70x70logo" content="tile-small.png" />
<meta name="msapplication-square150x150logo" content="tile-medium.png" />
<meta name="msapplication-wide310x150logo" content="tile-wide.png" />
<meta name="msapplication-square310x310logo" content="tile-large.png" />

প্রস্তাবিত চিত্রের মাপগুলি images চিত্রগুলির নামের চেয়ে বড়। এগুলি মাইক্রোসফট.কম থেকে প্রস্তাবিত আকারগুলি

                   | Minimum   | Recommended
Small  | 70 x 70   | 56 x 56   | 128 x 128
Medium | 150 x 150 | 120 x 120 | 270 x 270
Wide   | 310 x 150 | 248 x 120 | 558 x 270
Large  | 310 x 310 | 248 x 248 | 558 x 558

টাইলের রঙ এবং শিরোনাম

টাইলগুলির ডিফল্ট আচরণ হ'ল <title>ট্যাগ থেকে টাইলের শিরোনাম নেওয়া এবং পটভূমির রঙ দেখিয়ে টাইলের চিত্রগুলিতে কোনও স্বচ্ছতার সম্মান করা। আপনি এই মেটা ট্যাগ ব্যবহার করে রঙ এবং শিরোনাম কাস্টমাইজ করতে পারেন:

<meta name="msapplication-TileColor" content="#582686" />
<meta name="application-name" content="Your Website" />

browserconfig.xml

সমস্ত msapplicationমেটা ট্যাগগুলি মুছে ফেলা যেতে পারে এবং ডাকা রুট ফোল্ডারে একটি এক্সএমএল ফাইল দিয়ে এটি প্রতিস্থাপন করা যেতে পারে browserconfig.xml। এক্সএমএল ফাইলটি দেখতে এমন হওয়া উচিত:

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
  <msapplication>
    <tile>
      <square70x70logo src="images/tile-small.png"/>
      <square150x150logo src="images/tile-medium.png"/>
      <wide310x150logo src="images/tile-wide.png"/>
      <square310x310logo src="images/tile-large.png"/>
      <TileColor>#582686</TileColor>
    </tile>
  </msapplication>
</browserconfig>

আরও পঠন ও সংস্থানসমূহ


সমস্ত আরও পড়ার এবং সংস্থান সরবরাহ করার জন্য বোনাস পয়েন্টস, বিশেষত রিয়েলফ্যাভিগোনজারেটর.নেট। এটি একটি দুর্দান্ত সম্পদ।
বেমডিজাইন

9

এই সরঞ্জামটি একটি সুপার টাইম সেভার। চেষ্টা কর! এটি আপনার জন্য সমস্ত কিছুর যত্ন নেয়।

আপনার চিত্রটি 800px x 800px এর কাছাকাছি এমন কিছুতে আপলোড করুন যাতে এটির সুন্দর এবং খাস্তা।

http://realfavicongenerator.net/

এই মেটা ট্যাগটিও যুক্ত করুন যাতে কেউ যদি আইওএস ডিভাইসে কিছু সংরক্ষণ করে তবে আপনি আপনার আইকনটির নাম রাখতে পারেন।

<meta name="apple-mobile-web-app-title" content="Website Name">

আশা করি এইটি কাজ করবে!


4

সমস্ত সম্ভাব্য রূপগুলি তৈরি করতে এই গ্রান্ট টাস্কটি ব্যবহার করুন:

https://github.com/gleero/grunt-favicons

পিএনজি চিত্র থেকে সমস্ত পরিচিত ধরণের এবং আকারের আইকন উত্পন্ন করে। ইমেজম্যাগিক ব্যবহার করে।

ইনপুট: png এ স্কোয়ার লোগো। আপনি রেজোলিউশন উপসর্গ সহ উত্স ফাইলগুলির কাছাকাছি রাখতে পারেন যেমন উত্স .16x16.png।

আউটপুট:

favicon.ico (16x16, 32x32, 48x48) — desktop browsers, address bar, tabs, safari reading list, non-retina iPhone, windows 7+ taskbar, windows desktop;
favicon.png (64x64) — modern browsers;
apple-touch-icon.png (57x57) — iPhone non-retina, Android 2.1+;
apple-touch-icon-60x60.png (60x60) — iPhone iOS7+;
apple-touch-icon-72x72.png (72x72) — iPad non-retina;
apple-touch-icon-76x76.png (76x76) — iPad non-retina iOS 7;
apple-touch-icon-114x114.png (114x114) — iPhone retina, iOS 6 and lower;
apple-touch-icon-120x120.png (120x120) — iPhone retina, iOS 7 and higher;
apple-touch-icon-144x144.png (144x144) — iPad retina;
apple-touch-icon-152x152.png (152x152) — iPad retina iOS 7;
windows-tile-144x144.png (144x144) — Windows 8 tile;
coast-icon-228x228.png (228x228) - Coast browser;
firefox-icon-16x16.png (16x16) - Firefox on Android / Windows;
firefox-icon-30x30.png (30x30) - Firefox OS;
firefox-icon-32x32.png (32x32) - Firefox on Android / Windows;
firefox-icon-48x48.png (48x48) - Firefox on Android / Windows;
firefox-icon-60x60.png (60x60) - Firefox OS;
firefox-icon-64x64.png (64x64) - Firefox on Android / Windows;
firefox-icon-90x90.png (90x90) - Firefox OS;
firefox-icon-120x120.png (120x120) - Firefox OS;
firefox-icon-128x128.png (128x128) - Firefox on Android / Windows;
firefox-icon-256x256.png (256x256) - Firefox on Android / Windows;
homescreen-196x196.png (196x196) - Android Homescreen.

এইচটিএমএল ফাইলে পরিবর্তন যুক্ত করে।


2

http://faviconit.com

একটি হাই-রেজো পিএনজি থেকে সমস্ত ডিভাইসের জন্য প্রায় 15 টি বিভিন্ন আইকন আকার তৈরি করবে।


1

আমিও একটি ফেভিকন সমাধান খুঁজছিলাম এবং কোনও তৃতীয় পক্ষের ওয়েব পরিষেবায় নির্ভর করতে চাই না। আমি সাধারণ জালিয়াতিগুলি খুঁজে পাইনি যা সাধারণ বিল্ড স্টেপ হিসাবে কাজ করবে যাতে আমি ফেভিকনবিল্ড তৈরি করি । এটি ইমেজম্যাগিকের উপর নির্ভর করে যাতে আপনি আপনার সিস্টেমের জন্য এটির সর্বশেষতম সংস্করণটি ডাউনলোড করতে পারেন বা আমার প্রকাশে প্রদত্ত কিছু ব্যবহার করতে পারেন ।

আমি এটি এমআইটি লাইসেন্সের আওতায় প্রকাশ করেছি যাতে যে কোনও ব্যক্তি এটি বাণিজ্যিক বা ব্যক্তিগত ব্যবহারের জন্য ব্যবহার করতে বা এ থেকে কিছুটা অনুপ্রেরণা পেতে মুক্ত। যদি আপনি কোনও বাগ খুঁজে পান বা এটি প্রসারিত করতে চান তবে জড়িত হয়ে নির্দ্বিধায় ।

আমি আরও বিশদ তথ্য সহ প্রকল্প পৃষ্ঠা আপডেট করব , তবে এর মধ্যে ইতিমধ্যে একটি কার্যকরী ও মানক মেনু রয়েছে এবং ইউনিক্স, ম্যাক এবং উইন্ডোজে কাজ করে।

আপনি কেবল আপনার টার্মিনালে .bat বা .sh স্ক্রিপ্টটি চালান।

উইন্ডোজ জন্য প্রাক্তন:

faviconbuild.bat -h

অথবা ইউনিক্স / ম্যাকের জন্য (বা উইন্ডোজ যদি সাইগউইন ব্যবহার করে থাকে):

faviconbuild.sh -h

এটি আপনাকে উপলভ্য বিকল্পগুলির সাথে সংস্করণ সম্পর্কিত তথ্য দেবে। স্ক্রিপ্টটি কোনও ইনপুট চিত্র নিতে এবং আপনার ওয়েবসাইটে অন্তর্ভুক্ত করার জন্য প্রয়োজনীয় এইচটিএমএল মার্কআপ সহ প্রয়োজনীয় সমস্ত চিত্রের আউটপুট দেওয়ার জন্য ডিজাইন করা হয়েছে।

এটি বর্তমানে আমার প্রকল্পের কোনওটিতে আমি কীভাবে এটি ব্যবহার করছি তার একটি উদাহরণ:

./faviconbuild/faviconbuild.sh -i ./source.png

আমি কেবল ফেভিকনবিল্ড ফোল্ডারটিকে একটি প্রকল্প নির্দিষ্ট ফোল্ডারে রেখেছি যাতে আসল প্রকল্পের ফাইলগুলি এবং আমার সোর্স.পিএনজি রাখার পাশাপাশি আমাকে স্পর্শ করতে না হয়। স্ক্রিপ্টের ডিফল্ট আচরণ হ'ল গিটিংগর্ড করা একটি নেস্টেড বিল্ড ফোল্ডারে সবকিছু স্থাপন করা যাতে আপনি গিট ব্যবহার করছেন তবে প্রকল্পের সাথে এটি সংঘর্ষে নেমে আসবে না।

আমি যদি কিছু মিস করছি তবে দয়া করে একটি বৈশিষ্ট্য অনুরোধ জমা দিন।

আরও তথ্য সহ আমার একটি ব্লগ পোস্ট রয়েছে।

আশা করি এটি আপনার কাজে লাগবে।


আপনার "উদাহরণ" পুরো প্রকল্পটি ডাউনলোড করে ...
কেএমএসআরটি

"উদাহরণ" বর্তমানে সর্বশেষ প্যাকেজযুক্ত রিলিজটি ডাউনলোড করে যার মধ্যে ম্যাক / উইন্ডোজের জন্য চিত্রম্যাগিক বাইনারি রয়েছে এবং উদাহরণস্বরূপ পিএনজি রয়েছে যাতে আপনি কেবল আউটপুটটি দেখতে এটি চালাতে পারেন। এটি একটি প্রতিশ্রুতিবদ্ধ করে পোস্টটি অল্প বয়স্ক, তবে ফাঁকা জায়গাগুলির সাথে পথ পরিচালনা করার পরে খুব বেশি কিছু অনুপস্থিত। আমি লিনাক্স বাইনারিগুলিকে অন্তর্ভুক্ত করি নি কারণ এখানে কয়েকটি আলাদা স্বাদ রয়েছে এবং আপনি এটি প্যাকেজ ম্যানেজারের কাছ থেকে পেতে পারেন। আপনার যদি কিছু থাকে তবে আমি পরামর্শের জন্য উন্মুক্ত। :)
ম্যাথু স্যান্ডার্স

কেবলমাত্র একটি ইউএক্স দৃষ্টিকোণ থেকে, আমি মনে করি না যে "উদাহরণ" কোনও ডাউনলোডের প্রত্যাশাগুলি বাড়ে ... বরং একটি উদাহরণ। হয়তো বুঝিয়ে বলুন ঠিক কী হয়? পছন্দ করুন, "সর্বশেষ প্রকাশ ডাউনলোড করুন"। আপনার কাছে দুটি বোতাম রয়েছে যা "ডাউনলোড করুন, তবে 3 টি
ডাউনলোডিং

গ্যাচ্চা, ধন্যবাদ! আমি বাণিজ্য দ্বারা একটি সফটওয়্যার ইঞ্জিনিয়ার তাই ইউএক্স / ইউআইতে আমার প্রথম পাস সাধারণত ন্যূনতম হয়: পি। আমি এটি আরও স্পষ্ট করতে এবং আরও তথ্যের সাথে পৃষ্ঠার উদাহরণটিতে একটি যুক্ত করার জন্য কিছু করব।
ম্যাথু স্যান্ডার্স

আমি গিটহাব উত্পন্ন পৃষ্ঠাটি একটি হেক্সো.ইও উত্পাদিত পৃষ্ঠার সাথে প্রতিস্থাপন করেছি । আমি "উদাহরণ" লিঙ্কটিও সরিয়েছি এবং আরও ব্যাখ্যার পরে এটিকে পৃষ্ঠার নীচে অন্তর্ভুক্ত করেছি।
ম্যাথু স্যান্ডার্স

0

ফ্যাভিকন আকার এবং জেনারেটর সম্পর্কিত এখানে প্রচুর দরকারী তথ্য রয়েছে।

বিভিন্ন আকারের ডিজাইনের প্রয়োজনীয়তা ব্যাখ্যা করে আমি আলোচনায় যুক্ত করতে পারি।

হ্যাঁ ফ্যাভিকন, আইকন, প্রতীক এবং লোগো মাপগুলি একই শিল্পের উপর ভিত্তি করে তৈরি করা যেতে পারে তবে প্রত্যেকটিকে সুনির্দিষ্টভাবে সঠিক আকারে উপস্থিত হতে হবে (আমি বলছি যে অটো জেনারেটর এলিয়াসিং এবং গ্রেডিয়েন্টগুলি ভালভাবে পরিচালনা করবে না) 16 পিক্সেল আকার এবং অটো উত্পন্ন চিত্র 128 পিক্সেল আকারের জন্য অনুকূলিত হবে না যদি আপনি আরও ছোট শুরু করেন।

আপনার পছন্দ মতো সমস্ত 3 ডি কৌশল ব্যবহার করে আপনার শিল্পটি 128 পিক্স বা বড় আকারের স্কোয়ার বিন্যাসে আঁকুন। একবারে বিভিন্ন আকারের আইকন রফতানি করুন ফলাফলটি পরীক্ষা করে এবং সেই আকারে সেরা কাজ করার জন্য মাস্টারকে সামঞ্জস্য করুন।

16 x 16 এর জন্য আমি স্কোয়ারগুলির একটি 16x16 গ্রিড তৈরি করব এবং আউটপুটটির সর্বাধিক নিয়ন্ত্রণ রাখতে পৃথকভাবে তাদের রঙ করব।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.