ไอคอนแอปพลิเคชัน Windows ของฉันควรมีขนาดไอคอนขนาดใด

236

ฉันมีแอปพลิเคชัน Windows ซึ่งจะทำงานใน Windows XP และใหม่กว่า (เช่น Vista / 7) ตามแนวทางของVista UIขนาดมาตรฐานคือ 16x16, 32x32, 48x48, 256x256 (ขนาดมาตรฐาน XP ไม่รวมไอคอน 256x256) นอกจากขนาดเหล่านั้นแล้วฉันยังมี 96x96 และ 128x128 (และสามารถสร้างเพิ่มเติมได้)

ฉันควรรวมขนาดไอคอนใด เชลล์จะใช้ขนาด "ที่ไม่ได้มาตรฐาน" จริงหรือฉันจะขยายแอปพลิเคชันของฉันหรือไม่?

windows icons desktop

— แดเนียลโรส
แหล่งที่มา

3

ไซต์นี้มีการอ้างอิงที่ดีสำหรับขนาดไอคอนสำหรับหลายแพลตฟอร์ม: iconhandbook.co.uk/reference/chart

— Mark Hatton

303

ฉันใช้เวลาในการตรวจสอบอย่างละเอียด ฉันสร้างไอคอนที่มีขนาดภาพ 16, 24, 32, 40, 48, 64, 96, 128 และ 256 จากนั้นฉันจะตรวจสอบว่าภาพใดที่จะแสดง ทั้งหมดนี้ทำด้วย 96dpi ปกติ หากใช้ DPI ที่มีขนาดใหญ่ขึ้นอาจใช้ขนาดที่ใหญ่ขึ้นได้ (ตรวจสอบเพียงเล็กน้อยใน Windows 7) ผลลัพธ์ที่ได้:

Windows XP:

มุมมอง Explorer:
- รายละเอียด / รายการ: 16
- ไอคอน: 32
- เรียงต่อกัน: 48
คลิกขวา -> Properties / เลือกไอคอนใหม่: 32
พื้นที่เริ่มต้นอย่างรวดเร็ว: 16
เดสก์ท็อป: 32

วินโดว 7:

มุมมอง Explorer:
- รายละเอียด / รายการ / สัญลักษณ์ขนาดเล็ก: 16
- ตัวเลือกอื่น ๆ ทั้งหมด: 256 (ปรับขนาดถ้าจำเป็น)
คลิกขวา -> Properties / เลือกไอคอนใหม่: 32
ตรึงไว้ที่ทาสก์บาร์: 32
- คลิกขวาที่เมนู: 16
เดสก์ทอป:
- สัญลักษณ์ขนาดเล็ก: 32
- สัญลักษณ์กลาง: 48
- สัญลักษณ์ขนาดใหญ่: 256 (ปรับขนาดถ้าจำเป็น)
- การซูมโดยใช้ Ctrl + วงล้อเมาส์: 16, 32, 48, 256

Windows Runtime: ( จากที่นี่ )

ไทล์หลัก: 150x150, 310x150 (เวอร์ชันกว้าง)
โลโก้ขนาดเล็ก: 30x30
ตรา (สำหรับล็อคหน้าจอ): 24x24, สีเดียว
Splashscreen: 620x300
ร้านค้า: 50x50

ดังนั้นผลลัพธ์: Windows XP ใช้ไอคอนขนาด 16, 32, 48 ในขณะที่ Windows 7 (และอาจเป็น Vista) ก็ใช้ไอคอนขนาด 256 ขนาดกลางอื่น ๆ ทั้งหมดจะถูกละเว้น ( อาจใช้ในบางพื้นที่ซึ่งฉันไม่ได้ตรวจสอบ)

ฉันยังตรวจสอบใน Windows 7 จะเกิดอะไรขึ้นหากขนาดไอคอนหายไป:

ขนาดที่หายไปถูกสร้างขึ้น (ชัด) ด้วยขนาด 16, 32 และ 48 หากไม่มีขนาดควรทำการดาวน์สเกลลิ่ง ดังนั้นถ้าเรามีไอคอนที่มีขนาด 16 และ 48 ไอคอน 32 จะถูกสร้างขึ้นจากไอคอน 48 ไอคอน 256 ใช้สำหรับสิ่งเหล่านี้หากไม่มีขนาดอื่นเท่านั้น! ดังนั้นหากไอคอนมีขนาด 16 และ 256 ขนาดอื่น ๆ จะถูกลดขนาดจากไอคอน 16!

นอกจากนี้หากไอคอน 256 ไม่มีอยู่ไอคอน 48 (อาจสร้างขึ้น) จะถูกใช้ แต่จะไม่ถูกปรับขนาดอีกต่อไป ดังนั้นเราจึงมีพื้นที่ว่าง (อาจใหญ่) ที่มีไอคอน 48 อยู่ตรงกลาง

โปรดทราบว่าขนาดไอคอนเดสก์ท็อปเริ่มต้นใน XP คือ 32x32 ในขณะที่ใน Windows 7 จะเป็น 48x48 ดังนั้นสำหรับ Windows 7 มันค่อนข้างสำคัญที่จะมีไอคอน 48 มิฉะนั้นจะถูกลดอัตราการสุ่มจากไอคอนที่เล็กกว่าซึ่งอาจดูน่าเกลียดทีเดียว

ข้อควรทราบเกี่ยวกับความเข้ากันได้ของ Windows XP: หากคุณใช้ไอคอนเป็นไอคอนหน้าต่างอีกครั้งโปรดทราบว่านี่อาจทำให้แอปพลิเคชันของคุณเสียหายหากคุณใช้ไอคอนบีบอัด 256 วิธีแก้ไขคือไม่บีบอัดไอคอนหรือสร้างเวอร์ชันที่สองโดยไม่มีไอคอน (บีบอัด) 256 ดูที่นี่สำหรับข้อมูลเพิ่มเติม

— แดเนียลโรส
แหล่งที่มา

12

ดีนี่มันบอกว่าจำเป็นต้องใช้ 64px และตามแนวทางไอคอนอย่างเป็นทางการก็บอกว่าแนะนำให้ใช้ 20px, 24px และ 40px ดูเหมือนว่าไอคอน 40px จะถูกใช้ใน alt + tab และ baloons ส่วนคนอื่น ๆ จะถูกนำมาใช้ขึ้นอยู่กับ DPI (เช่น 20px ถูกใช้แทน 16px ในหน้าจอ DPI ที่สูงกว่าหรือลดขนาดลงจาก 32px ที่ใหญ่กว่าซึ่งอาจดู แม้กระทั่งขี้เหร่) ยังไม่ได้ทดสอบ

— Camilo Martin

2

ฉันทำการทดสอบเพิ่มเติม สำหรับการแสดงผลบนเดสก์ท็อปเมื่อฉันตั้งไว้ที่ 144dpi ("150%") บน Windows 7 สำหรับไอคอนที่เล็กที่สุดที่เป็นไปได้มันใช้ไอคอน 24px (หากอยู่ที่นั่นมิฉะนั้น uprezzed 16px) จากแนวทางไอคอนดูเหมือนว่ามี "โหมดคลาสสิก" ใน Vista ซึ่งใช้ไอคอน 64px อย่างไรก็ตาม Windows 7 ไม่ได้ใช้งาน แต่มีการปรับขนาดไอคอน 256px เท่านั้น

— แดเนียลโรส

น่าสนใจขอบคุณสำหรับการค้นพบ ไม่ว่าในกรณีใดฉันไม่รู้ว่าแอปพลิเคชั่นในป่ามีไอคอนมากกว่า 16, 32, 48 และ (หวังว่า) 256 px ไอคอน ฉันเดาน้อยมาก แต่บางทีผู้ใช้อาจสังเกตเห็นเพราะหนึ่งไอคอนระหว่างส่วนที่เหลือเป็นกรอบ

— Camilo Martin

@Camilo โปรดทราบว่ามันเป็นไปได้ที่จะปรับขนาดด้วย CTRL + Mousewheel และขนาด "ในระหว่าง" ทั้งหมดจะมีขนาดใหญ่ขึ้น / ลดลง อย่างไรก็ตามสิ่งที่ได้รับการสังเกตุอย่างแน่นอนคือถ้าไม่มีไอคอน 48px เนื่องจากขนาดนั้นใช้ในเดสก์ท็อป Windows 7 เริ่มต้น

— แดเนียลโรส

3

และมันก็หายไปครึ่งหนึ่งหากแอปพลิเคชั่นเป็นยูทิลิตี้และไม่ใช่ซอฟต์แวร์ที่ได้รับความนิยมมากหรือเก่า ... แม้แต่ไอคอน Visual Studio บางตัว (สำหรับไฟล์ประเภท) ไม่มีแม้แต่รุ่น 48px

— Camilo Martin

28

หลังจากทดสอบด้วยไอคอนที่มี 8, 16, 20, 24, 32, 40, 48, 64, 96, 128 และ 256 พิกเซล (256 ใน PNG) ใน Windows 7:

ที่ความละเอียด 100%: Explorer ใช้ 16, 40, 48 และ 256 Windows Photo Viewer ใช้ 96 สีใช้ 256
ที่ความละเอียด 125%: Explorer ใช้ 20, 40 และ 256 Windows Photo Viewer ใช้ 96 สีใช้ 256
ที่ความละเอียด 150%: Explorer ใช้ 24, 48 และ 256 Windows Photo Viewer ใช้ 96 สีใช้ 256
ที่ความละเอียด 200%: Explorer ใช้ 40, 64, 96 และ 256 Windows Photo Viewer ใช้ 128 สีใช้ 256

ดังนั้นจึงไม่เคยใช้ 8, 32 (มันแปลกสำหรับฉันสำหรับ 32) และ 128 เท่านั้นโดย Windows Photo Viewer ที่มีหน้าจอ dpi ที่สูงมากเช่น almot ไม่เคยใช้

หมายความว่าอย่างน้อยไอคอนของคุณควรมี 16, 48 และ 256 สำหรับ Windows 7 สำหรับการสนับสนุนหน้าจอใหม่ที่มีความละเอียดสูงคุณควรให้ 16, 20, 24, 40, 48, 64, 96 และ 256 สำหรับ Windows 7 ทั้งหมด สามารถบีบอัดรูปภาพโดยใช้ PNG แต่สำหรับความเข้ากันได้แบบย้อนหลังกับ Windows XP ไม่ควรบีบอัด 16 ถึง 48

— Futal
แหล่งที่มา

ดูคำตอบของฉันที่นี่ ( stackoverflow.com/questions/12385143/ ) แต่ถ้าคุณบีบอัดรูปภาพขนาด 256x256 ในไฟล์. ico ... ระบบ Windows XP จะมีปัญหาในการเปิดไฟล์ คุณจะได้รับ FileFormatException ด้วย HRESULT 0x88982F07

— cplotts

นอกจากนี้ยังควรกล่าวถึงรุ่น DPI สูงเหล่านั้นที่ต้องบันทึกในโหมด 24bpp ฉันได้พยายามเก็บไว้ในโหมดสี 8 บิตและ Windows 7 ใช้รุ่น 256px แทน 20x20px ใน 125% DPI

— Bartosz Wójcik

2

มันง่าย แต่ละเอียดถี่ถ้วน สำคัญมากที่จะต้องคำนึงถึง DPI

— caesay

24

ไอคอนแนวทาง Microsoft UXพูดว่า:

"ไอคอนแอปพลิเคชันและรายการแผงควบคุม: ชุดเต็มประกอบด้วย 16x16, 32x32, 48x48 และ 256x256 (ปรับขนาดรหัสระหว่าง 32 และ 256)"

สำหรับฉันนี่หมายถึง (แต่ไม่ได้ระบุอย่างชัดเจนโชคไม่ดี) ที่คุณควรจะจัดหา 4 ขนาดนั้น

รายละเอียดเพิ่มเติมเกี่ยวกับรูปแบบสีซึ่งคุณอาจพบว่ามีประโยชน์:

"ไฟล์ไอคอนต้องใช้พาเล็ตเวอร์ชัน 8 บิตและ 4 บิตเช่นกันเพื่อรองรับการตั้งค่าเริ่มต้นในเดสก์ท็อประยะไกล"

"ควรรวมรูปภาพขนาด 256x256 พิกเซลขนาด 32 บิตและควรบีบอัดรูปภาพขนาด 256x256 พิกเซล [เป็น PNG] เพื่อลดขนาดไฟล์"

— หิน
แหล่งที่มา

12

(อัพเดตคำตอบสำหรับ Windows 8/10)

ดูรายการแนวทางและขนาดทั้งหมดได้ที่นี่ในแนวทางการออกแบบ Windows ใหม่: https://msdn.microsoft.com/en-us/windows/uwp/controls-and-patterns/tiles-and-notifications-app-assets#asset -types

ยังคงรวมไฟล์. ICO ที่มีขนาดเหล่านี้ไว้เพื่อรองรับประสบการณ์การใช้งานรุ่นเก่า:

16x16
24x24
32x32
48x48
256x256

— jaminroe
แหล่งที่มา

12

ในกรณีของ Windows 10 มันไม่ถูกต้องตรงที่จริงไม่มีคำตอบใน stackoverflow เลยฉันพบสิ่งนี้เมื่อฉันพยายามใช้ pixel art เป็นไอคอนและได้รับการช่วยเหลือเมื่อไม่ควร (มันง่าย เพื่อดูในกรณีนี้สาเหตุของการแก้ไขและปรับให้เรียบ windows) แม้เจ้าฉันใช้ขนาดจากโพสต์นี้

ดังนั้นฉันจึงสร้างแอพและทำงานกับการตั้งค่า DPI ทั้งหมดดูได้ที่นี่:
Windows 10 ความละเอียดไอคอนทั้งหมดในการตั้งค่า DPI ทั้งหมด
คุณยังสามารถใช้แอพของฉันเพื่อสร้างไอคอนรวมถึงการแก้ไขเพื่อนบ้านที่ใกล้ที่สุดด้วยการปรับให้เรียบ กับบรรณาธิการที่ไม่ดีที่ฉันเคยเห็น

หากคุณต้องการความละเอียดเพียง:
16, 20, 24, 28, 30, 31, 32, 40, 42, 47, 48, 56, 60, 63, 84, 256
และคุณควรใช้ไอคอน PNG ทั้งหมดและทุกอย่างที่คุณใส่ นอกจากสิ่งเหล่านี้มันจะไม่ปรากฏ ดูโพสต์ของฉันทำไม

— z4k
แหล่งที่มา

7

ไม่ใช่ 96x96 ใช้ 64x64 แทน ฉันมักจะใช้:

16 - ปุ่มสถานะ / แถบหัวเรื่อง
32 - ไอคอนเดสก์ท็อป
48 - มุมมองโฟลเดอร์
64/128 - ขนาดเพิ่มเติม

256 ทำงานได้ดีบน XP อย่างไรก็ตามบางครั้งคอมไพเลอร์ทรัพยากรเก่าก็บ่นเกี่ยวกับข้อผิดพลาด "ออกจากหน่วยความจำ"

— คริสเตียน
แหล่งที่มา

ฉันเห็นว่าคุณเคยจัดการกับ Java มาก่อน ฉันจะใช้พฤติกรรมดังกล่าวกับ Java ได้อย่างไร ปัญหาคือไอคอนที่แสดงในแถบงานของระบบนั้นใหญ่กว่ามากเมื่อเปรียบเทียบกับไอคอนในแถบชื่อเรื่องและระบบไม่สามารถปรับขนาดได้อย่างถูกต้องอีกครั้ง สิ่งที่ฉันทำได้มากที่สุดคือstage.getIcons (). add (image); แต่จะไม่ให้ฉันระบุขนาดและขนาดของมันตัวอย่างเช่นแถบงาน, มุมมองโฟลเดอร์หรืออื่น ๆ ฉันใช้ JavaFX 8

— homerun

1

@someFolk java คอมไพล์ไฟล์ "class" หรือไฟล์ "jar" (ซึ่งเป็นไฟล์ zip ของคลาส + ไฟล์ Manifest) กล่าวอีกนัยหนึ่งมันไม่ได้รวบรวม PE (windows executables) อย่างไรก็ตามมีเครื่องมือที่สร้าง wrappers สำหรับคุณ - โดยทั่วไปแล้วโปรแกรมขนาดเล็กที่มี jar เป็นทรัพยากร (ซึ่งถูกแยกและรันเมื่อโปรแกรมรัน) คำตอบที่นี่กล่าวถึงกี่ของพวกเขาสิ่งที่หมายถึงนี้ก็คือปัญหาของคุณขึ้นอยู่กับโปรแกรมที่คุณใช้ อย่างไรก็ตามมีเครื่องมือสำหรับแก้ไขทรัพยากร (เช่น: Resource Hacker )

— คริสเตียน

2

จากคำแนะนำของ Microsoft MSDN :

ไอคอนแอปพลิเคชันและรายการในแผงควบคุม : ชุดเต็มประกอบด้วย 16x16, 32x32, 48x48 และ 256x256 (ปรับขนาดรหัสระหว่าง 32 และ 256) จำเป็นต้องใช้รูปแบบไฟล์. ico สำหรับโหมดคลาสสิกชุดเต็มคือ 16x16, 24x24, 32x32, 48x48 และ 64x64

ดังนั้นเราจึงมีขนาดมาตรฐานที่แนะนำของ:

16 x 16
24 x 24
32 x 32
48 x 48
64 x 64
256 x 256

หากเราต้องการสนับสนุนการตั้งค่า DPI สูงรายการทั้งหมดจะรวมขนาดต่อไปนี้ด้วย:

20 x 20
30 x 30
36 x 36
40 x 40
60 x 60
72 x 72
80 x 80,
96 x 96,
128 x 128
320 x 320
384 x 384
512 x 512

— Jacek Krawczyk
แหล่งที่มา