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
    YouTube chuẩn bị nâng cấp lớn: công nghệ mới giúp xem video chất lượng cao hơn nhưng ít tốn dữ liệu internet hơn tới 30%
    Week Recap: GEM Center trình diễn công nghệ bàn tiệc thế hệ mới, Heineken ra mắt dịch vụ streaming, Pringles gây sốc mùa Halloween
    iPhone Duo của Apple vừa mở bán đã gặp nhiều phản ánh màn hình gập bị nứt và hư hỏng chỉ sau vài lần sử dụng
    Getty Images nộp đơn phá sản giữa bối cảnh AI đang định hình lại ngành kinh doanh ảnh stock
    Canva tham gia cuộc đua tạo ảnh AI với Canva Craft, có khả năng lập kế hoạch thiết kế trước khi dựng hình
    Trước đó Tiếp
  • Advertising
    Week Recap: GEM Center trình diễn công nghệ bàn tiệc thế hệ mới, Heineken ra mắt dịch vụ streaming, Pringles gây sốc mùa Halloween
    Visa làm mới bộ nhận diện, giữ nguyên bản sắc thương hiệu nhưng linh hoạt hơn
    Apple Music biến âm thanh thành hình ảnh, dùng kỹ thuật thủ công để tạo hiệu ứng logo mới
    Estonia gây ấn tượng với video quảng bá du lịch kết hợp múa dân gian truyền thống và hip-hop
    LEGO công bố hợp tác cùng Daft Punk, đưa huyền thoại nhạc điện tử vào thế giới mô hình lắp ghép
    Trước đó Tiếp
  • Art & Design
    Visa làm mới bộ nhận diện, giữ nguyên bản sắc thương hiệu nhưng linh hoạt hơn
    Arsenal giới thiệu bộ font chữ độc quyền lấy cảm hứng từ huyền thoại David Rocastle
    “Bá khí siêu nhân”: Nghệ sĩ người Iran “vẽ tranh” bằng những phương trình toán học
    Microsoft giới thiệu Michelangelus – bộ font lấy cảm hứng từ chữ viết của Michelangelo
    Bộ font Vina Vịt Lộn – Display Typeface lấy cảm hứng từ bảng hiệu hàng quán Việt Nam của designer Truong Di
    Trước đó Tiếp
  • Tech
    5 dịch vụ VPN miễn phí tốt nhất 2026
    YouTube chuẩn bị nâng cấp lớn: công nghệ mới giúp xem video chất lượng cao hơn nhưng ít tốn dữ liệu internet hơn tới 30%
    iPhone Duo của Apple vừa mở bán đã gặp nhiều phản ánh màn hình gập bị nứt và hư hỏng chỉ sau vài lần sử dụng
    Canva tham gia cuộc đua tạo ảnh AI với Canva Craft, có khả năng lập kế hoạch thiết kế trước khi dựng hình
    Sigma FP2: Máy ảnh full-frame nhỏ nhất thế giới dành cho nhiếp ảnh gia và nhà làm phim
    Trước đó Tiếp
  • arc vibes
    Mikan Village – căn nhà nghỉ dưỡng ở ngoại ô Hà Nội lấy cảm hứng từ kiến trúc Nhật Bản
    Little Red House – ngôi nhà nhỏ của gia đình “nghệ sĩ” ở Phan Thiết
    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
    Trước đó Tiếp
  • Explore
    5 dịch vụ VPN miễn phí tốt nhất 2026
    Những công cụ AI tốt nhất năm 2026: từ chatbot, tạo ảnh, video, âm thanh cho đến lập trình, học thuật
    Những phần mềm 3D Modeling hàng đầu: Blender, Maya, ZBrush, Cinema 4D và nhiều lựa chọn khác
    Những trang tải nhạc miễn phí tốt nhất năm 2026
    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ó”
    Trước đó Tiếp
  • Series
    • Bon Trend
    • Art Holic
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
RGB RGB
  • News
    YouTube chuẩn bị nâng cấp lớn: công nghệ mới giúp xem video chất lượng cao hơn nhưng ít tốn dữ liệu internet hơn tới 30%
    Week Recap: GEM Center trình diễn công nghệ bàn tiệc thế hệ mới, Heineken ra mắt dịch vụ streaming, Pringles gây sốc mùa Halloween
    iPhone Duo của Apple vừa mở bán đã gặp nhiều phản ánh màn hình gập bị nứt và hư hỏng chỉ sau vài lần sử dụng
    Getty Images nộp đơn phá sản giữa bối cảnh AI đang định hình lại ngành kinh doanh ảnh stock
    Canva tham gia cuộc đua tạo ảnh AI với Canva Craft, có khả năng lập kế hoạch thiết kế trước khi dựng hình
    Trước đó Tiếp
  • Advertising
    Week Recap: GEM Center trình diễn công nghệ bàn tiệc thế hệ mới, Heineken ra mắt dịch vụ streaming, Pringles gây sốc mùa Halloween
    Visa làm mới bộ nhận diện, giữ nguyên bản sắc thương hiệu nhưng linh hoạt hơn
    Apple Music biến âm thanh thành hình ảnh, dùng kỹ thuật thủ công để tạo hiệu ứng logo mới
    Estonia gây ấn tượng với video quảng bá du lịch kết hợp múa dân gian truyền thống và hip-hop
    LEGO công bố hợp tác cùng Daft Punk, đưa huyền thoại nhạc điện tử vào thế giới mô hình lắp ghép
    Trước đó Tiếp
  • Art & Design
    Visa làm mới bộ nhận diện, giữ nguyên bản sắc thương hiệu nhưng linh hoạt hơn
    Arsenal giới thiệu bộ font chữ độc quyền lấy cảm hứng từ huyền thoại David Rocastle
    “Bá khí siêu nhân”: Nghệ sĩ người Iran “vẽ tranh” bằng những phương trình toán học
    Microsoft giới thiệu Michelangelus – bộ font lấy cảm hứng từ chữ viết của Michelangelo
    Bộ font Vina Vịt Lộn – Display Typeface lấy cảm hứng từ bảng hiệu hàng quán Việt Nam của designer Truong Di
    Trước đó Tiếp
  • Tech
    5 dịch vụ VPN miễn phí tốt nhất 2026
    YouTube chuẩn bị nâng cấp lớn: công nghệ mới giúp xem video chất lượng cao hơn nhưng ít tốn dữ liệu internet hơn tới 30%
    iPhone Duo của Apple vừa mở bán đã gặp nhiều phản ánh màn hình gập bị nứt và hư hỏng chỉ sau vài lần sử dụng
    Canva tham gia cuộc đua tạo ảnh AI với Canva Craft, có khả năng lập kế hoạch thiết kế trước khi dựng hình
    Sigma FP2: Máy ảnh full-frame nhỏ nhất thế giới dành cho nhiếp ảnh gia và nhà làm phim
    Trước đó Tiếp
  • arc vibes
    Mikan Village – căn nhà nghỉ dưỡng ở ngoại ô Hà Nội lấy cảm hứng từ kiến trúc Nhật Bản
    Little Red House – ngôi nhà nhỏ của gia đình “nghệ sĩ” ở Phan Thiết
    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
    Trước đó Tiếp
  • Explore
    5 dịch vụ VPN miễn phí tốt nhất 2026
    Những công cụ AI tốt nhất năm 2026: từ chatbot, tạo ảnh, video, âm thanh cho đến lập trình, học thuật
    Những phần mềm 3D Modeling hàng đầu: Blender, Maya, ZBrush, Cinema 4D và nhiều lựa chọn khác
    Những trang tải nhạc miễn phí tốt nhất năm 2026
    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ó”
    Trước đó Tiếp
  • Series
    • Bon Trend
    • Art Holic
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
0
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

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

Từ khoá 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

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

Mới nhất ⚡️

5 dịch vụ VPN miễn phí tốt nhất 2026
YouTube chuẩn bị nâng cấp lớn: công nghệ mới giúp xem video chất lượng cao hơn nhưng ít tốn dữ liệu internet hơn tới 30%
Week Recap: GEM Center trình diễn công nghệ bàn tiệc thế hệ mới, Heineken ra mắt dịch vụ streaming, Pringles gây sốc mùa Halloween
iPhone Duo của Apple vừa mở bán đã gặp nhiều phản ánh màn hình gập bị nứt và hư hỏng chỉ sau vài lần sử dụng

Đừng bỏ lỡ 👀

Ad VibesArt & Design

Apple Music biến âm thanh thành hình ảnh, dùng kỹ thuật thủ công để tạo hiệu ứng logo mới

Brand News

Sunlife đổi logo mới sau hơn 25 năm, tối giản biểu tượng mặt trời thành một hình tròn vàng

ExploreTech

Những công cụ AI tốt nhất năm 2026: từ chatbot, tạo ảnh, video, âm thanh cho đến lập trình, học thuật

Social

Google “chọc cười” Internet khi tiết lộ… mặt sau của emoji trông như thế nào!

Lướt tiếp 👉

RGB 💡 Creative Vibes

Trang tin dành cho các tín đồ sáng tạo.
Cập nhật xu hướng và tin tức 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: hoptac@rgb.vn

Facebook Instagram Tiktok Threads Pinterest Youtube Linkedin
  • News
  • Inspiration
  • Advertising
  • Agency News
  • Brand News
  • Tech
  • Showcase
  • Arc Vibes

© 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
56 Đinh Tiên Hoàng, Phường Tân Định, TP.HCM – Hotline: 0986399951
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 ý