ফেভিকন.পিং বনাম ফেভিকন.ইকো - কেন আমি আইসিওর পরিবর্তে পিএনজি ব্যবহার করব?

Question

পিএনজি আরও সাধারণ চিত্রের ফর্ম্যাট ব্যতীত ফেভিকন.পিএনজি বনাম ফ্যাভিকন.ইকোকে সমর্থন করার কোনও প্রযুক্তিগত কারণ রয়েছে কি?

আমি আধুনিক ব্রাউজারগুলিকে সমর্থন করছি যা সমস্ত পিএনজি প্রিয় আইকনগুলিকে সমর্থন করে।

Answer 1

এই থ্রেডে বিভিন্ন অন্যের আপডেট এবং নোটের কারণে উত্তর (এবং সম্প্রদায় উইকিতে পরিণত হয়েছে) প্রতিস্থাপন করা হয়েছে:

• আইসিও এবং পিএনজি উভয়ই সম্পূর্ণ আলফা চ্যানেল ভিত্তিক স্বচ্ছতার অনুমতি দেয়
• আইসিও পুরানো ব্রাউজারগুলিতে পিছনের দিকে সামঞ্জস্য করার অনুমতি দেয় (যেমন আই 6)
• পিএনজির স্বচ্ছতার জন্য সম্ভবত বিস্তৃত টুলিং সমর্থন রয়েছে, তবে আপনি আলফা-চ্যানেল আইসিও তৈরির সরঞ্জামগুলিও খুঁজে পেতে পারেন, যেমন ডায়নামিক ড্রাইভ সরঞ্জাম এবং ফটোশপ প্লাগইন @ মার্কেটর দ্বারা উল্লিখিত।

আরও তথ্যের জন্য এখানে অন্যান্য উত্তরের সাথে নির্দ্বিধায় যোগাযোগ করুন।

Comments

আইসিও আলফা চ্যানেল

— vlvaro González

-1 আইসিও পূর্ণ আলফা চ্যানেল সহ একাধিক রেজোলিউশন সমর্থন করে। যাইহোক, 1-বিট আলফা "স্বচ্ছতা" হিসাবে পরিচিত। আইসিওর একমাত্র আসল সীমা ছিল আইকনগুলির সাথে বড় বা 256 দৈর্ঘ্যের (কোনও দিকনির্দেশ) সমান, যদিও এটি বেশ কয়েকবার কাটিয়ে উঠেছে।

— খ্রিস্টান

-1 .ico এক ফাইলে একাধিক রেজোলিউশনের অনুমতি দেয় (উদাহরণস্বরূপ 16x16 এবং 32x32)। সুতরাং আপনি ডেস্কটপে শর্টকাট তৈরি করার সময় আইকনটি দুর্দান্ত থাকে।

— গাগারাইন

বেশিরভাগ ব্রাউজারগুলি লিঙ্কযুক্তটির উপরে মূলটিতে ফেভিকন ডিকোকে সমর্থন করে। আপনার সমাধানের সাথে বেশিরভাগ ব্রাউজারগুলি লিঙ্কযুক্ত পিএনজির পরিবর্তে স্বচ্ছ .ico বেছে নেবে।

— লড

@ লড কেন এটি বিশেষত স্বচ্ছ আইকোটির পরিবর্তে স্বচ্ছ-স্বচ্ছ আইকো বেছে নেবে?

— রব গ্রান্ট

Answer 2

সমস্ত আধুনিক ব্রাউজারগুলি (ক্রোম 4, ফায়ারফক্স 3.5, আইই 8, অপেরা 10 এবং সাফারি 4 দিয়ে পরীক্ষিত) আপনি সর্বদা favicon.icoশর্টকাট আইকনটি নির্দিষ্ট না করে একটি অনুরোধ করবেন <link>। সুতরাং আপনি যদি কোনও স্পষ্টভাবে নির্দিষ্ট না করেন তবে favicon.ico404 এড়াতে সর্বদা একটি ফাইল থাকা ভাল । ইয়াহু! আপনাকে এটিকে ছোট এবং ক্যাশেযোগ্য করার পরামর্শ দেয়।

এবং আপনাকে কেবলমাত্র আলফা স্বচ্ছতার জন্য পিএনজি-তে যেতে হবে না। আইসিও ফাইলগুলি আলফা স্বচ্ছতাটিকে ঠিক সূক্ষ্মভাবে সমর্থন করে (অর্থাত্ 32-বিট রঙ), যদিও কোনও সরঞ্জামই আপনাকে এগুলি তৈরি করতে দেয় না। আলফা স্বচ্ছতার সাথে ফাইলগুলি তৈরি করতে আমি নিয়মিত ডায়নামিক ড্রাইভের ফ্যাভিকন জেনারেটর ব্যবহার করি favicon.ico। আমি জানি এটি কেবলমাত্র অনলাইন সরঞ্জাম এটি করতে পারে।

একটি ফ্রি ফটোশপ প্লাগ-ইন রয়েছে যা সেগুলি তৈরি করতে পারে।

Comments

এই ডায়নামিক ড্রাইভ সরঞ্জামটি দুর্দান্ত ইঙ্গিত! তাত্ক্ষণিক বুকমার্ক। ধন্যবাদ!

— মার্কোস বুয়ার্ক

পুনরায় সরঞ্জাম, এটি মূলত অসত্য; আইকন ডিজাইনের বিভিন্ন সরঞ্জাম রয়েছে। আমি অতীতে একটি সাধারণ একটি লিখেছি।

— খ্রিস্টান

ফটোশপের জন্য যাদের $ 650 টাকা নেই, আপনি সম্পূর্ণ লেয়ারিং এবং স্বচ্ছতার সাথে .png ফাইলগুলি তৈরি করতে, সম্পাদনা করতে এবং সংরক্ষণ করতে pixlr.com (বিনামূল্যে) ব্যবহার করতে পারেন :)

— স্কট বি

@ পেসারিয়ার .icoপিএস এডিট করা অবিশ্বাস্যরকম কঠিন difficult এবং যদি আপনি না, শেষ ফলাফল Soo খারাপ, আপনি কি মনে করেন চাই .bmpএকটা ভাল ফরম্যাট (এটি তৈরি পুনরায় সম্পাদনা বিপুল ব্যথা মেটা-ডেটা অনেকটা যোগ) ছিল।

— খ্রিস্টান

@ মাইকেভোম্যানস: এটি এখনও পিএনজি হিসাবে পড়ে; বেশিরভাগ আধুনিক ব্রাউজারগুলি ফাইল এক্সটেনশন সম্পর্কে এতটা যত্ন করে না। বিটিডাব্লু, এটি সেরা উত্তর এবং এটি গ্রহণযোগ্য হওয়া উচিত।

— rvighne

Answer 3

.png ফাইলগুলি দুর্দান্ত, তবে .ico ফাইলগুলিও আলফা-চ্যানেলের স্বচ্ছতা সরবরাহ করে, এছাড়াও তারা আপনাকে পিছনে সামঞ্জস্য দেয়।

উদাহরণস্বরূপ স্ট্যাক ওভারফ্লো কী ধরণের ব্যবহার করে তা একবার দেখুন (নোট করুন এটি স্বচ্ছ):

<link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico"> 
<link rel="apple-touch-icon" href="http://sstatic.net/so/apple-touch-icon.png"> 

অ্যাপল-আইটুচ জিনিসটি আইফোন ব্যবহারকারীদের জন্য যা কোনও ওয়েবসাইটকে শর্টকাট দেয়।

Comments

পিএনজি আলফা চ্যানেলও সরবরাহ করতে পারে

— vালভারো গঞ্জালেজ

হ্যাঁ, আমার

— বক্তব্যটি ছিল আইকোস পিএনজি

উইকিপিডিয়া অনুসারে ইন্টারনেট এক্সপ্লোরার এই জাতীয় লাইন সমর্থন করতে ব্যর্থ হবে: <লিঙ্ক rel = "আইকন" টাইপ = "চিত্র / vnd.microsoft.icon" href = " উদাহরণ. com/image.ico " />

— ফ্র্যাঙ্কস্টার

সম্ভাবনা হ'ল ওয়েবসাইটটি 0 সাল থেকে ব্রাউজারগুলিকে সমর্থন করে না তবে কেন বিরক্ত করবেন? আই 6-তে একটি আধুনিক ওয়েবসাইট চেষ্টা করুন এবং লোড করুন এবং দেখুন কী হয়;)

— ডমিনিক

Answer 4

* .Ico ফাইলগুলির তাত্ত্বিক সুবিধা হ'ল এগুলি একাধিক আইকন ধরে রাখতে পারে তার চেয়ে ধারক। উদাহরণস্বরূপ, আপনি আলফা চ্যানেল এবং লেগ্যাসি সিস্টেমগুলির জন্য একটি 16 রঙের সংস্করণ সহ একটি চিত্র সঞ্চয় করতে পারেন বা আপনি 32x32 এবং 48x48 আইকন যুক্ত করতে পারেন (যা উদাহরণস্বরূপ উইন্ডোজ এক্সপ্লোরারটিতে কোনও লিঙ্ক টেনে আনার সময় প্রদর্শিত হবে)।

এই ভাল ধারণাটি ব্রাউজার বাস্তবায়নের সাথে সংঘাতের ঝোঁক দেয়।

Comments

: এই সম্পর্কে কিছু সত্য যে IE9 এছাড়াও Win7 জন্য PIN সেই বড় আইকন ব্যবহার টাস্কবার দেখতে stackoverflow.com/questions/3723715/...

— GazB

উহম, তাত্ত্বিক? উইন্ডোজ 7 এর সাথে প্রেরিত একই আইকনটি উইন্ডোজ 95-এ 8 বিট রঙ মোডে ব্যবহার করা যেতে পারে। আমি মনে করি এটি বেশ ব্যবহারিক, না?

— খ্রিস্টান

দয়া করে মনে রাখবেন যে এই উত্তরটি ২০০৯-এ লেখা হয়েছিল। সেই সময়ের ব্রাউজারের দৃশ্য এখনকার চেয়ে অনেক বেশি আলাদা ছিল।

— vlvaro González

Answer 5

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

PNG এবং আইকন ফাইল তৈরি করতে আমি সুপারিশ করবে গিম্প ।

Comments

ওয়েবসাইটের জন্য এত কিছু না? প্রত্যেকে রেটিনার মতো প্রদর্শনগুলি ব্যবহার শুরু না করা পর্যন্ত অপেক্ষা করুন; হঠাৎ করেই খুব ভাল কারণ হতে পারে যে কেউ তাদের ফ্যাভিকনে একটি 32x32 বা তার চেয়ে বড় আকারের অন্তর্ভুক্ত করতে পারে ...

— রোমান স্টারকভ

আমরা ফেভিকন সম্পর্কে কথা বলছি তাই সমর্থনের বিষয়টি আসলে আপনি যা বলছেন তার বিপরীতে

— ডেভিড হেফারনান

+1 আসল প্রশ্নটি সম্বোধন করে এবং স্বচ্ছতার সাথে জড়িয়ে পড়ে না। এছাড়াও একটি অ্যাপ্লিকেশন যা উল্লেখ করে সমর্থন .ico বিন্যাস।

— kovacsbv

Answer 6

Google+ এর মতো কিছু সামাজিক সরঞ্জামগুলি বাইরের লিঙ্কগুলির জন্য ফ্যাভিকন পেতে একটি সহজ পদ্ধতি ব্যবহার করে http://your.domainname.com/favicon.ico এনেছে

যেহেতু তারা এইচটিএমএল সামগ্রীটি উপস্থাপন করে <link>না তাই ট্যাগ কাজ করবে না। এই ক্ষেত্রে, আপনি একটি মোড_উইরাইট রুল ব্যবহার করতে পারেন বা কেবলমাত্র ফাইলটি ডিফল্ট স্থানে রাখতে পারেন।

Comments

এটি সত্য বা মিথ্যা কিনা তা জানেন না তবে আমার কাছে পিএনজি ছাড়াও মূলটিতে ফেভিকন.ইকো তৈরি করা আমার পক্ষে সিদ্ধান্তের যুক্তি ছিল।

— আলেক্সি টেনিটস্কি

আমি কাজ থেকে জানি telly.com , -via পল লিন্ডার যারা গুগল প্লাস দলের চালু আছে। plus.google.com/117259934788907243749/about

— jdavid.net

ফাভিকনকে মূলে স্থাপন করা হ'ল ডি-স্ট্যাক্টোর স্ট্যান্ডার্ড, সুতরাং আমি এই উত্তরটিতে উল্লিখিত কারণগুলির জন্য এটি মেনে চলি।

— স্টিজন ডি উইট

Answer 7

একটি আইকো পিএনজি হতে পারে ।

আরও সুনির্দিষ্টভাবে, আপনি এই ন্যূনতম ধারক বিন্যাসের মধ্যে এক বা একাধিক পিএনজি সঞ্চয় করতে পারেন, সাধারণ বিটম্যাপ + আলফার পরিবর্তে প্রত্যেকে আইকোতে দৃ strongly়ভাবে সংযুক্ত করে।

সমর্থনটি পুরানো, উইন্ডোজ ভিস্তার (2007) এ উপস্থিত এবং আইকন সম্পাদনা সফ্টওয়্যার দ্বারা অগত্যা নয়, যদিও ব্রাউজারগুলি দ্বারা এটি ভাল সমর্থন করে।

যে কোনও বৈধ পিএনজি (সম্পূর্ণ শিরোনাম সহ) 6 বাইট আইকো শিরোলেখ এবং 16 বাইট চিত্র ডিরেক্টরি দ্বারা প্রেন্ডেন্ট করা যায় ।
জিম্পের স্থানীয় সমর্থন রয়েছে। কেবল আইকো হিসাবে রফতানি করুন এবং "সংকুচিত (পিএনজি)" টিক দিন।

Answer 8

আপনি যদি নির্ভরযোগ্য আই 6 এর সামঞ্জস্য চান তবে কোনও ক্ষেত্রে পিএনজি এড়িয়ে চলুন।

Comments

আপনি উভয়ই ব্যবহার করতে পারবেন না এমন কোনও কারণ নেই - আইই 6 এর জন্য ডিরেক্টরি ট্রিতে একটি আইকো এবং <link>আধুনিক ব্রাউজারগুলির জন্য পৃষ্ঠা কোডের মাধ্যমে একটি পিএনজি নির্দিষ্ট করা ।

— আম্বার

কেন আপনি উভয় ব্যবহার করবেন? আপনি যদি কোনও আইকো তৈরি করতে বিরক্ত হন তবে পিএনজি ব্যবহার করে কী কী উপকার পাবেন? অবশ্যই এটি কেবল অতিরিক্ত কাজ এবং অতিরিক্ত কোড।

— মিঃ_চিম্প

@ শ্রী_চিম্প, কারণ পিএনজি একটি উন্মুক্ত মান এবং আরও প্রত্যাশিত? এটি মার্কআপের একটি অতিরিক্ত লাইন।

— Wyatt8740

হাই @ ওর্ক্রা - আমি মনে করি 8 বছর আগে আমি যখন এই উত্তরটি লিখেছিলাম এবং আপনি এই 6 টি পড়ছেন তবে আপনি এটি এত মজার মতো খুঁজে পাবেন না St :) স্ট্যাকওভারফ্লো উত্তরগুলি সম্পাদনা করার অনুমতি দেয় তাই দয়া করে নিজেকে এটি আপডেট করার জন্য নির্দ্বিধায় অনুভব করুন আজ কিছু প্রাসঙ্গিক

— aehlke

@ এহাইক আপনার ঠিক আছে, টাইমস্ট্যাম্প পরীক্ষা না করার জন্য আমার খারাপ কথা bad

— আরকরা

Answer 9

এটির জন্য মূল্যবান, আমি এটি করি:

    <!-- Favicon - Generic -->
    <link rel="icon" href="path/favicon-32_x_32.png" sizes="32x32">
    <link rel="icon" href="path/favicon-57_x_57.png" sizes="57x57">
    <link rel="icon" href="path/favicon-76_x_76.png" sizes="76x76">
    <link rel="icon" href="path/favicon-96_x_96.png" sizes="96x96">
    <link rel="icon" href="path/favicon-128_x_128.png" sizes="128x128">
    <link rel="icon" href="path/favicon-192_x_192.png" sizes="192x192">
    <link rel="icon" href="path/favicon-228_x_228.png" sizes="228x228">
    <!-- Favicon - Android -->
    <link rel="shortcut icon" href="path/favicon-196_x_196.png" sizes="196x196">
    <!-- Favicon - iOS -->
    <link rel="apple-touch-icon" href="path/favicon-120_x_120.png" sizes="120x120">
    <link rel="apple-touch-icon" href="path/favicon-152_x_152.png" sizes="152x152">
    <link rel="apple-touch-icon" href="path/favicon-180_x_180.png" sizes="180x180">

এবং আমি এখনও ফেভিকন.আইকোকে মূলের মধ্যে রাখি ।