RGB
Nhập hội Sáng tạo cùng RGB
0
  • News
  • Advertising
  • Art & Design
  • Tech
  • arc vibes
  • Explore
  • Series
    • Bon Trend
    • Art Holic
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
Nhập hội Sáng tạo Creative Vibes
RGB RGB
0
RGB RGB
RGB RGB
  • News
    GTA 6 khoe 26 phút gameplay: Vice City sống động và giống đời thực hơn bao giờ hết
    Tim Cook và John Ternus – người kế nhiệm CEO Apple chơi đùa cùng Pikachu trong vườn
    Twitter bất ngờ trở lại với logo chim xanh, nhưng không liên quan đến X của Elon Musk
    Adobe đưa “trợ lý AI” vào Photoshop với trình chỉnh sửa ảnh bằng prompt
    The Weeknd bắt tay họa sĩ Yoshitaka Amano làm artwork mới dành riêng cho loạt album tại Nhật Bản
    Trước đó Tiếp
  • Advertising
    Dentsu được vinh danh “Agency của năm” tại MAD STARS 2026, TBWA\HAKUHODO và FP7 McCann giành hai giải cao nhất
    Omnicom Media ra mắt Hearts United sau khi sáp nhập Hearts & Science và Mediahub
    AEG chính thức cập bến Việt Nam: khi di sản thiết kế Đức hòa nhịp vào không gian nội thất đương đại
    Selsun đồng hành cùng Grab “chăm sóc da đầu cộng đồng”, mang hoạt động “Da đầu sạch, Vững chuyến xe” đến hơn 7.000 bác tài công nghệ
    Tinder Thái Lan khuyến khích người độc thân “sống thật” để tìm đúng nửa kia với chiến dịch “The Real Finds The One”
    Trước đó Tiếp
  • Art & Design
    [Student Showcase] Khao Khát Yêu Đương: đồ án tốt nghiệp của Vân Dung – sinh viên ĐH Mỹ thuật Công nghiệp
    Từ brief đến final: Visual album “Dân Chơi Dân Ca” của Phương Mỹ Chi 
    Những bức ảnh đường phố ấn tượng của Pure Street Photography Awards 2026
    Designer tạo ra trang phục “ngụy trang kỹ thuật số” để khiến camera AI khó nhận ra người mặc
    The Weeknd bắt tay họa sĩ Yoshitaka Amano làm artwork mới dành riêng cho loạt album tại Nhật Bản
    Trước đó Tiếp
  • Tech
    Kế hoạch dùng AI thay thế nhân viên của Meta “phá sản” vì chính AI
    Ổ cứng SSD mới của Samsung có tốc độ chuyển file nặng nhanh hơn gấp đôi, nhắm đến game thủ và nhà sáng tạo nội dung
    Rò rỉ smartphone “quái vật” Oppo Find X10 Pro Max: có thể có tới 3 camera 200MP
    Apple và Samsung thống trị danh sách smartphone bán chạy nhất thế giới, iPhone 17 dẫn đầu
    Top máy chơi game tốt nhất 2026: tổng hợp những console đáng mua
    Trước đó Tiếp
  • arc vibes
    AEG chính thức cập bến Việt Nam: khi di sản thiết kế Đức hòa nhịp vào không gian nội thất đương đại
    An’s House – ngôi nhà hiện đại mang hơi thở kiến trúc truyền thống ở Củ Chi, thiết kế bởi G+architects
    Kohler và Rita Võ kỷ niệm 20 năm hợp tác chiến lược với không gian triển lãm – trải nghiệm đẳng cấp
    Tổ ấm Viczonecode Villa: Kiến trúc nhiệt đới cho gia đình trẻ giữa vùng ven Sài Gòn
    Showroom Minh Long khoác diện mạo mới: khi thương hiệu gốm sứ tự kiến tạo “sân khấu” cho chính mình
    Trước đó Tiếp
  • Explore
    Câu nói trong ngày của Salvador Dalí: “Đừng sợ sự hoàn hảo, bởi bạn sẽ chẳng bao giờ đạt tới nó”
    Những phần mềm chỉnh sửa ảnh miễn phí tốt nhất năm 2026
    Làm nội dung Facebook và Instagram: Có phải đăng càng nhiều bài càng tăng tương tác?
    5 màu sắc chủ đạo thống trị xu hướng năm 2025 do Pinterest Palette công bố
    Storytelling: Yếu tố quyết định để proposal của bạn được định giá xứng tầm
    Trước đó Tiếp
  • Series
    • Bon Trend
    • Art Holic
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
Trending Now

Cuộc thi sáng tạo Video clip Desi9n Contest – Nice là 9

13 năm trước

Workshop Let’s Motion: Trở thành một Motion designer chuyên nghiệp

13 năm trước

Cuộc thi thiết kế áo thun NHÂN VẬT CỔ TÍCH VIỆT NAM – MỘT GÓC NHÌN MỚI

13 năm trước

Talkshow Design8 3D – “Tám” cùng Colory

15 năm trước
RGB RGB
  • News
    GTA 6 khoe 26 phút gameplay: Vice City sống động và giống đời thực hơn bao giờ hết
    Tim Cook và John Ternus – người kế nhiệm CEO Apple chơi đùa cùng Pikachu trong vườn
    Twitter bất ngờ trở lại với logo chim xanh, nhưng không liên quan đến X của Elon Musk
    Adobe đưa “trợ lý AI” vào Photoshop với trình chỉnh sửa ảnh bằng prompt
    The Weeknd bắt tay họa sĩ Yoshitaka Amano làm artwork mới dành riêng cho loạt album tại Nhật Bản
    Trước đó Tiếp
  • Advertising
    Dentsu được vinh danh “Agency của năm” tại MAD STARS 2026, TBWA\HAKUHODO và FP7 McCann giành hai giải cao nhất
    Omnicom Media ra mắt Hearts United sau khi sáp nhập Hearts & Science và Mediahub
    AEG chính thức cập bến Việt Nam: khi di sản thiết kế Đức hòa nhịp vào không gian nội thất đương đại
    Selsun đồng hành cùng Grab “chăm sóc da đầu cộng đồng”, mang hoạt động “Da đầu sạch, Vững chuyến xe” đến hơn 7.000 bác tài công nghệ
    Tinder Thái Lan khuyến khích người độc thân “sống thật” để tìm đúng nửa kia với chiến dịch “The Real Finds The One”
    Trước đó Tiếp
  • Art & Design
    [Student Showcase] Khao Khát Yêu Đương: đồ án tốt nghiệp của Vân Dung – sinh viên ĐH Mỹ thuật Công nghiệp
    Từ brief đến final: Visual album “Dân Chơi Dân Ca” của Phương Mỹ Chi 
    Những bức ảnh đường phố ấn tượng của Pure Street Photography Awards 2026
    Designer tạo ra trang phục “ngụy trang kỹ thuật số” để khiến camera AI khó nhận ra người mặc
    The Weeknd bắt tay họa sĩ Yoshitaka Amano làm artwork mới dành riêng cho loạt album tại Nhật Bản
    Trước đó Tiếp
  • Tech
    Kế hoạch dùng AI thay thế nhân viên của Meta “phá sản” vì chính AI
    Ổ cứng SSD mới của Samsung có tốc độ chuyển file nặng nhanh hơn gấp đôi, nhắm đến game thủ và nhà sáng tạo nội dung
    Rò rỉ smartphone “quái vật” Oppo Find X10 Pro Max: có thể có tới 3 camera 200MP
    Apple và Samsung thống trị danh sách smartphone bán chạy nhất thế giới, iPhone 17 dẫn đầu
    Top máy chơi game tốt nhất 2026: tổng hợp những console đáng mua
    Trước đó Tiếp
  • arc vibes
    AEG chính thức cập bến Việt Nam: khi di sản thiết kế Đức hòa nhịp vào không gian nội thất đương đại
    An’s House – ngôi nhà hiện đại mang hơi thở kiến trúc truyền thống ở Củ Chi, thiết kế bởi G+architects
    Kohler và Rita Võ kỷ niệm 20 năm hợp tác chiến lược với không gian triển lãm – trải nghiệm đẳng cấp
    Tổ ấm Viczonecode Villa: Kiến trúc nhiệt đới cho gia đình trẻ giữa vùng ven Sài Gòn
    Showroom Minh Long khoác diện mạo mới: khi thương hiệu gốm sứ tự kiến tạo “sân khấu” cho chính mình
    Trước đó Tiếp
  • Explore
    Câu nói trong ngày của Salvador Dalí: “Đừng sợ sự hoàn hảo, bởi bạn sẽ chẳng bao giờ đạt tới nó”
    Những phần mềm chỉnh sửa ảnh miễn phí tốt nhất năm 2026
    Làm nội dung Facebook và Instagram: Có phải đăng càng nhiều bài càng tăng tương tác?
    5 màu sắc chủ đạo thống trị xu hướng năm 2025 do Pinterest Palette công bố
    Storytelling: Yếu tố quyết định để proposal của bạn được định giá xứng tầm
    Trước đó Tiếp
  • Series
    • Bon Trend
    • Art Holic
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
0
Trending Now

Cuộc thi sáng tạo Video clip Desi9n Contest – Nice là 9

13 năm trước

Workshop Let’s Motion: Trở thành một Motion designer chuyên nghiệp

13 năm trước

Cuộc thi thiết kế áo thun NHÂN VẬT CỔ TÍCH VIỆT NAM – MỘT GÓC NHÌN MỚI

13 năm trước

Talkshow Design8 3D – “Tám” cùng Colory

15 năm trước
Explore

Làm cách nào để logo mới của Google giảm từ 14.000 byte xuống còn 305 byte?

Posted by RGB 11 năm trước
Chia sẻ
Xem thêm
Google Sheets cập nhật tính năng mới, giúp biến bảng tính nhàm chán thành “ứng dụng mini”

Google nói logo cũ của họ có dung lượng khoảng 14.000 byte, còn logo mới nhất hiện tại chỉ có 305 byte mà thôi. Đây không hẳn chỉ là việc nén hình ảnh mà thực chất là cả một quá trình chọn lại phương pháp vẽ. Cụ thể, logo cũ sử dụng font Serif khá phức tạp với khoảng 100 điểm “anchor” (điểm móc dùng để tạo nét vẽ trong các phần mềm đồ họa) trong khi logo mới chỉ dùng các hình tròn và hình vuông để tạo thành, thậm chí có thể chỉ cần dùng các đường thẳng là cũng tạo được logo mới. Dưới đây là chi tiết cách người ta chỉ ra sự khác biệt giữa hai phương pháp vẽ.

rgb_creative_google_logo_2015

Logo cũ
Sử dụng font Serif, ở các điểm tận cùng của mỗi ký tự đều khá phức tạp (các phần dư ra, điểm nhọn, điểm cong). Để vẽ được các nét đó, người ta phải tạo ra các điểm “Anchor Point”, đây là các điểm nối dùng để tạo ra nét vẽ liền nhau trong phần mềm đồ họa. Nét vẽ càng phức tạp thì càng có nhiều điểm Anchor Point. Xem hình bên dưới bạn sẽ thấy, có đến 100 Anchor Point trong logo cũ của Google.

rgb_creative_google_logo_old

Logo mới
Trong khi đó, logo mới nhất của Google được vẽ theo cách đơn giản hơn rất nhiều, chỉ dùng các khối hình tròn và hình chữ nhật ghép lồng lại với nhau là ra, bao gồm:

  • 10 vòng tròn (2 vòng cho mỗi “G”, 2 vòng cho mỗi chữ “o”, 2 vòng cho chữ “e”).
  • 5 hình chữ nhật (2 hình cho chữ “G”, 1 hình cho chữ “l”, 2 hình cho chữ “e”).
  • 1 hình khối đặc biệt duy nhất với 7 “Anchor Point” (dùng cho phần đuôi của chữ “g” viết thường).

rgb_creative_google_logo_new

Hiện tại Google chưa phát hành phiên bản logo chỉ có 305 byte (hình mới mà bạn thấy trên website Google nặng tới mười mấy KB). Tuy nhiên, người ta đã thử vẽ lại chữ “G” của logo mới dưới dạng file SVG theo cách hướng dẫn trên thì dung lượng sau cùng chỉ có 302 byte, nếu nén lại nữa thì chỉ còn có 195 byte cho ký tự “G” đầu tiên.

rgb_creative_G_in_Google

Chưa hết, một người dùng khác còn có cách vẽ bá đạo hơn nữa mà không cần dùng hình tròn với hình chữ nhật. Thay vì vẽ hai hình tròn lồng vào nhau rồi tô màu (Fill) màu xanh vào chỗ giữa hai hình tròn thì người này chỉ dùng các đường thẳng để vẽ, sau đó dùng thuộc tính “Stroke” để tô đậm nét vẽ đó lên (Bold), kết quả vẫn có được hình ảnh chữ G tương tự nhưng dùng ít dòng code lập trình hơn và dung lượng file cũng ít hơn. Bằng cách này, toàn bộ logo “Google” sau khi vẽ chỉ nặng còn 290 byte. Cách vẽ là dùng 2 hình tròn cho 2 chữ “o” và dùng 4 nét vẽ (“Paths”) cho các chữ “G”, “g”, “l” và “e”. Sau đó dùng thuộc tính “Stroke” tăng chiều này nét vẽ lên 16 pixel là có ngay logo mới hoàn chỉnh.

rgb_creative_Google_209_byte

Bạn có thể xem chi tiết các đoạn code dùng để vẽ, bài viết gốc và tham khảo thêm nhiều thông tin khác về logo tại các link sau:

  • How Could Google’s New Logo Be Only 305 Bytes When Its Old Logo Was 14,000 Bytes?
  • Evolving the Google Identity

Theo TDNC Tinhte.vn

Tags: google google logo logo logo design thiết kế logo
Chia sẻ
Chia sẻ trên Facebook Chia sẻ trên Twitter Chia sẻ trên Pinterest Chia sẻ qua Email
RGB 05/09/2015
Bài trước đó Câu chuyện bản quyền: Mực Tím cần lời giải thích thỏa đáng đến tác giả Evacomics
Bài tiếp Google, Facebook, FireFox dọn đường “khai tử” Adobe Flash Player

Để lại đánh giá

Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Vui lòng chọn đánh giá

Nhập hội Sáng tạo cùng RGB:

Mới nhất

Dentsu được vinh danh “Agency của năm” tại MAD STARS 2026, TBWA\HAKUHODO và FP7 McCann giành hai giải cao nhất
Kế hoạch dùng AI thay thế nhân viên của Meta “phá sản” vì chính AI
Ổ cứng SSD mới của Samsung có tốc độ chuyển file nặng nhanh hơn gấp đôi, nhắm đến game thủ và nhà sáng tạo nội dung
[Student Showcase] Khao Khát Yêu Đương: đồ án tốt nghiệp của Vân Dung – sinh viên ĐH Mỹ thuật Công nghiệp

Có thể bạn thích

Brand News

7UP tái định vị thương hiệu tại thị trường Mỹ, ra mắt logo và công thức mới

News

Google Search hiển thị nhầm CEO OpenAI Sam Altman đã qua đời vì Wikipedia bị phá hoại

Brand News

Instagram ra mắt logo chữ mới sau một thập kỷ

Tech

Các ông lớn công nghệ phát cuồng vì AI, nhưng nhân viên nói cuộc đua AI đang khiến công việc của họ vất vả hơn

Lướt tiếp
footer logo

RGB - Creative Vibes

Trang thông tin thiết kế - nghệ thuật, quảng cáo - marketing, công nghệ và các lĩnh vực sáng tạo.

Liên hệ hợp tác, quảng cáo: hoptac@rgb.vn

  • News
  • Tech
  • Explore
  • Sản phẩm

  • Advertising
  • Brand News
  • Agency News
  • Commercial / TVC

  • Inspiration
  • Showcase
  • arc vibes
  • Ý Tưởng Nhà
© RGB - Cộng đồng Sáng tạo Việt Nam
Công ty TNHH Truyền thông Sáng tạo RGB - Giấy phép ĐKKD: 0314058018
Chính sách bảo mật | Điều khoản sử dụng

Trang web của chúng tôi sử dụng cookie để cải thiện trải nghiệm của bạn.

Đồng ý