অ্যাপল-স্পর্শ-আইকনের জন্য সঠিক পিক্সেলের মাত্রা কী?

আমি সঠিক আকার কি হওয়া উচিত তা নিশ্চিত নই।

অনেকগুলি সাইট মনে করে যে অ্যাপল-স্পর্শ-আইকনটি 57x57 পিক্সেল হওয়া উচিত কিন্তু তাদের উৎসের মত একটি ভাঙা লিংকটি উদ্ধৃত করা।

Hanselman's and playgroundblues's comments suggest different sizes including 163x163 and 60x60.

আপেলের নিজের অ্যাপল ডকুন 1২9x129!

See my related question: How do I give my web sites an icon for iPhone?

0
ro fr hi
সম্পর্কিত: কেন অ্যাপল-স্পর্শ-আইকন- precomposed.png এর জন্য আমি ত্রুটি পেয়েছি এবং একটি অতিরিক্ত ভাল অনলাইন সম্পদ বলে মনে হচ্ছে : সর্বদা আপনি স্পর্শ আইকন সম্পর্কে জানতে চেয়েছিলেন (মার্চ 2011; মেথিয়াস বেনস )
যোগ লেখক hakre, উৎস
এখন Apple.com এর আইকন 152x15২ হয় ...
যোগ লেখক Wick, উৎস

11 উত্তর

অ্যাপল ডেভেলপার সংযোগের Google ক্যাশে থেকে - ওয়েব অ্যাপ ডেভ সেন্টার - ডিজাইনিং সামগ্রী ...

Create a Web Clip Bookmark Icon

iPhone and iPod touch allow a user to save a Web Clip bookmark to your site on their Home Screen.

To specify a bookmark icon for all pages of a web site, place a PNG image named "apple-touch-icon.png" at the root directory of your web server - similar to the "favicon.ico" for site icons.

To override the site bookmark icon on a specific web page, insert a <link> element similar to <link rel="apple-touch-icon" href="/customIcon.png"/> within the <head> element of the page.

The bookmark icon dimensions should be 57x57 pixels. If the icon is a different size it will be scaled and cropped to fit.

Safari will automatically composite the icon with the standard "glassy" overlay so it looks like a built-in iPhone or iPod application.

0
যোগ
আপনার উত্তর পুরানো হয়। স্ট্যাকওভারফ্লো / প্রশ্নগুলি 1598/…
যোগ লেখক Georg Schölly, উৎস

NilObject's link led me to the great blog post Catchup on your Icon at makentosh.com

... অবশ্যই এই অসঙ্গতি সব   শেষ পর্যন্ত মোকাবেলা করতে হবে,   ঠিক আছে? ভাল 2.0 জরিমানা এটি সঙ্গে মোকাবিলা   ফ্যাশন! অবশেষে 57x57 আসলে অর্থ   57x57।

     

... প্রতিটি এবং প্রতিটি পিক্সেল ... উপস্থাপিত   পুরোপুরি।

0
যোগ

আমি মনে করি না একটি "সঠিক আকার" আছে আইফোন সত্যিই OSX চলমান থেকে, আইকন রেন্ডারিং সিস্টেমটি বেশ শক্তসমর্থ হয়। যতদিন আপনি এটি একটি সঠিক গুণমান অনুপাত সহ উচ্চ মানের ইমেজ এবং প্রকৃত আউটপুট হিসাবে অন্তত হিসাবে উচ্চ একটি রেজল্যুশন দিতে হবে, OS খুব পরিষ্কারভাবে downscale হবে আমার সাইটটি 158x158 ব্যবহার করে এবং আইকন স্ক্রিনে আইকনটি পিক্সেল-নিখুঁত দেখাচ্ছে।

0
যোগ

অফিসিয়াল আকার 57x57 হয়। আমি যথাযথ আকারের ব্যবহার করার পরামর্শ দিই কারণ এটি লোড করার সময় কম মেমরি লাগে (যদি না অ্যাপল স্কেলযুক্ত উপস্থাপনাকে ক্যাশ করে) যে বলে, রেক্স সঠিক হয় যে কোন বর্গাকার আকার কাজ করবে

0
যোগ
আইপ্যাড এবং আইফোন 4-এর উপর এটি অস্পষ্টতা দেখতে পারে ...
যোগ লেখক Simon East, উৎস

আমি তাদের জন্য একটি উত্স উদ্ধৃত করতে পারবেন না কারণ সরকারী রেফারেন্স লক এবং ADC এর কী অধীনে।

যাইহোক, অ-এনডিএ সাইটগুলির অনেকগুলি আইকন তৈরি করে কিভাবে টিউটোরিয়ালগুলি রয়েছে। উদাহরণস্বরূপ এখানে:

0
যোগ

আপনি আর সঠিক আকারের জন্য বিরক্ত করতে হবে না। আপনার আইকনটির আইটিন আর্টওয়ার্ক ফাইলটি (অর্থাৎ 1024 * 1024 সাইজের ফাইল) থাকলে, আমি এই অ্যাপ্লিকেশনটি তৈরি করেছি যা আপনাকে এখানেএখানে থেকে অ্যাপ্লিকেশন পান এবং iOS অ্যাপ্লিকেশনের জন্য সমস্ত প্রয়োজনীয় আইকন তৈরি করতে রিডমে ফাইলের নির্দেশাবলী অনুসরণ করুন।

0
যোগ

আপডেট করা অক্টোবর 2014, iOS8

আইফোন এবং আইপ্যাডের সাথে এবং ছাড়াই রেটিনা

<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="180x180" href="touch-icon-iphone-6-plus.png"> 

আপডেট 2014 iOS 8:

আইওএস 8 এবং আইফোন 6 প্লাসের জন্য

<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

আইফোন 6 আইফোন 4 এবং 5 হিসাবে একই 120 x 120 পিক্স ইমেজ ব্যবহার করে বাকিটা iOS 7 এর মতই

Update 2013 iOS7:

আইওএস 7 এর প্রস্তাবিত প্রস্তাবনাগুলি পরিবর্তিত হয়েছে:

  • 114 x 114 পিক্স থেকে 120 x 120 px পর্যন্ত আইফোনের প্রতিস্থাপনের জন্য
  • 144 x 144 px থেকে 152 x 152 px
  • আইপ্যাড রেটিনাকের জন্য

অন্যান্য রেজল্যুশন এখনও একই

  • 57 x 57 px ডিফল্ট
  • 76x 76 পিএইচপি রেজিন্ট ছাড়াই
0
যোগ

আপনি এটি করতে চান কত বিস্তারিত উপর নির্ভর করে, এটি 1: 1 এর আকৃতি অনুপাত থাকতে হবে (মূলত - এটা বর্গ হতে হবে)

আমি অ্যাপল এর নিজস্ব 129 * 129 সঙ্গে যেতে হবে

0
যোগ

মনে হচ্ছে যে 3 আগস্ট ২010 তারিখের অ্যাপল নির্দেশিকাগুলি এখন "প্রয়োজনীয়" আইকন আকারের "উচ্চ রেজোলিউশন" ইমেজগুলি (আইফোন 4 এর জন্য) অন্তর্ভুক্ত করেছে।

মনে হচ্ছে আমরা একটি 57x57 এবং 114x114 ইমেজ এখনই সরবরাহ করতে চাই, এবং 640x960 টাইটেল ইমেজও।

কাস্টম আইকন এবং চিত্র তৈরির নির্দেশিকাগুলি (জাভাস্ক্রিপ্টের প্রয়োজন) যা একটি সম্পূর্ণ নথির অংশ:

0
যোগ
আমি শিরোনাম ইমেজ কাজ করতে কিছু সমস্যা ছিল। এখানে একটি কাজের উদাহরণ পাওয়া গেছে: gist.github.com/472519 (<�কোড> </কোড> অধ্যায়)
যোগ লেখক Blaise, উৎস
আইক্যাড আইকনের জন্য নিম্নলিখিত আকার ব্যবহার করুন: 72x72 প্রথম এবং দ্বিতীয় জেন; 144x144 তৃতীয় জীন "রেটিনা" জন্য
যোগ লেখক donut, উৎস

Apple specs specify new sizes for iOS7:

  • আপনি 60x60 করুন
  • আপনি 76x76 করুন
  • আপনি 120x120 করুন
  • আপনি 152x152 করুন

যদিও iOS6 এর পুরোনো মাপের এবং পূর্বে রয়েছে:

  • আপনি 57x57 করুন
  • আপনি 72x72 করুন
  • আপনি 114x114 করুন
  • আপনি 144x144 করুন

উপায় দ্বারা, precomposed আইকন অপ্রচলিত হয়।

ফলস্বরূপ, সমর্থন করার জন্য কিন্তু নতুন ডিভাইস (iOS7 চলছে) এবং পুরোনো (iOS6 এবং পূর্বে), এই 8 টি ছবি উপস্থিত হওয়া উচিত এবং জেনেরিক কোড হল:

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">    
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">

উপরন্তু, আপনাকে apple-touch-icon.png

আপনি হয়তো জানতে চাইবেন যে এই ফাভিকন জেনারেটর একবারে এই সমস্ত ছবিগুলি জেনারেট করতে পারে সম্পূর্ণ প্রকাশ: আমি এই সাইটের লেখক নই।

0
যোগ