Tags:
Node Thumbnail

เบื้องหลังการเปลี่ยนโลโก้ของกูเกิล เหตุผลหนึ่งในนั้นคือการลดขนาดไฟล์โลโก้จากของเดิม 14K ลงมาเหลือแค่ 305 ไบต์ คำถามที่น่าสนใจในเชิงเทคนิคคือกูเกิลลดขนาดไฟล์ลงมากขนาดนี้ได้อย่างไร กูเกิลไม่ได้อธิบายเรื่องนี้อย่างละเอียด แต่แวดวงนักออกแบบก็พยายามหาคำตอบในเรื่องนี้กัน

คำตอบหนึ่งที่เป็นไปได้คือไฟล์โลโก้ของกูเกิลเป็นไฟล์ SVG ที่สร้างแบบเวกเตอร์ ซึ่งโลโก้แบบเก่าใช้ฟอนต์แบบ serif ที่มีเส้นโค้งเยอะ การวาดโลโก้ต้องใช้เส้นโค้ง bezier curve จำนวนมาก ส่งผลให้ไฟล์มีขนาดใหญ่ตามไปด้วย

แต่กรณีของโลโก้ใหม่สามารถวาดด้วยรูปทรงเรขาคณิตคือวงกลม (ตัว G, O, e) และสี่เหลี่ยม (G, l, e) จะมีเส้นโค้งบ้างเล็กน้อยตรงหางของตัว g เล็กเท่านั้น ส่งผลให้ขนาดไฟล์เล็กลงมาก

Ilya Yakubovich นักออกแบบ UI ลองวาดไฟล์โลโก้ของกูเกิลขึ้นมาใหม่ด้วยเทคนิคนี้ พบว่าสามารถทำขนาดได้เล็กกว่าที่กูเกิลอ้างซะอีก นั่นคือ 302 ไบต์แบบไม่บีบอัด บีบแล้วเหลือ 195 ไบต์เท่านั้น

ที่มา - Quora, Gizmodo

No Description

Get latest news from Blognone

Comments

By: darkleonic
ContributorAndroidWindowsIn Love
on 5 September 2015 - 19:50 #840563
darkleonic's picture

กราบบบบ

By: keen
iPhoneAndroidUbuntu
on 5 September 2015 - 19:52 #840564
keen's picture

อยากรู้ต้องทำเอง เยี่ยมมากครับ

By: echo
Windows Phone
on 5 September 2015 - 20:29 #840570
echo's picture

ถ้าไฟล์ .dwg นี่ เปนเมกเลย อิอิ

By: picpost
iPhoneWindows
on 6 September 2015 - 07:36 #840627 Reply to:840570
picpost's picture

ผมว่า หลายเมกนะครับ อิอิ ขนาดสีก็อาจตกไปแล้ว ห้าเมก

By: Architec
ContributorWindows PhoneAndroidWindows
on 5 September 2015 - 21:07 #840574

ไฟล์นามสกุล .PNG ก็ยัง 14k เหมือนเดิม (เพื่อ?)

By: kingrpg
AndroidWindows
on 6 September 2015 - 08:23 #840631

เข้าใจว่าเปลี่ยนเป็นแบบล่าสุด จะได้ใส่ลูกเล่นดัดแปลงโค๊ดเว็บไซต์ได้หลากหลายกว่าเดิม

By: xenatt
ContributorWindows PhoneRed HatSymbian
on 6 September 2015 - 20:27 #840689
xenatt's picture

ผมไม่รูปจะอธิบายเป็นคำพูดยังไง ขออธิบายเป็น file Vector ของ illustrator แล้วกันครับ
ใช้เวลาทำ 5 นาที เพราะ scale (ratio) logo ของ xenlism กับ google logo ใกล้เคียงกันมาก
ซึ่ง logo @xenlism ใช้มาหลายปีละครับ
เชิญชม


Opensource - Hackintosh - Graphic Design - Scriptkiddie - Xenlism Project

By: LazarusSP1
ContributoriPhone
on 7 September 2015 - 00:54 #840707
LazarusSP1's picture

ตอนแรกก็งงว่าทำไมถึงใช้ตัว G ที่กลมมาก จนรู้สึกว่ามันอ้วนกว่าเดิม พอเห็นเหตุผลแล้วก็ร้องอ๋อเลย

By: takato
iPhoneWindows PhoneAndroidBlackberry
on 7 September 2015 - 03:33 #840709
takato's picture

ลดแบนวิชเว็บลงไปเยอะเลย

By: HMage
AndroidWindows
on 8 September 2015 - 13:55 #841035

SVG ที่หน้าไหนอะครับ ผมเห็นแต่ PNG