RGB
Nhập hội Sáng tạo cùng RGB
0
  • News
  • Art & Design
  • Advertising
  • Bon Trend
  • Explore
  • Talk
  • Showcase
  • Series
    • Arc Vibes
    • 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
    Nhật Bản ra mắt “tủ lạnh cho người”, thổi khí lạnh 5°C để đối phó với nắng nóng
    Tiền euro sắp được redesign sau 24 năm, người dân châu Âu được bình chọn thiết kế tiền giấy mới
    Chuột gaming này tích hợp quạt mini để giữ bàn tay luôn khô ráo, không lo đổ mồ hôi
    Lacoste đưa cá sấu lên bờ với tác phẩm điêu khắc cát khổng lồ trên bãi biển cho bộ sưu tập mùa hè
    Khi hội họa Van Gogh tạo trải nghiệm game “chữa lành” toàn diện trong Sky: Children of the Light
    Trước đó Tiếp
  • Art & Design
    Instagram cập nhật tính năng Replace Audio, cho phép thay nhạc trên bài đăng cũ mà không bị mất tương tác 
    Google mở gần 4.000 emoji thành mã nguồn mở dưới dạng mô hình 3D có thể chỉnh sửa
    Tinder ra mắt logo mới và chiến dịch tái định vị thương hiệu sau gần 10 năm
    Ý tưởng Packaging cua hoàng đế cao cấp lấy cảm hứng từ “bưu kiện” gửi đến từ Bắc Cực
    7-Eleven làm mới bộ nhận diện thương hiệu tại thị trường Hàn Quốc
    Trước đó Tiếp
  • Advertising
    Quảng cáo siêu nhỏ trên billboard siêu to: chiến dịch OOH ra mắt bia chai nhỏ của Modelo
    Burger King ra mắt bộ đồ ngủ pyjama nhân dịp mở cửa nhà hàng 24/7 – phục vụ xuyên đêm
    Lacoste đưa cá sấu lên bờ với tác phẩm điêu khắc cát khổng lồ trên bãi biển cho bộ sưu tập mùa hè
    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
    Dentsu Philippines ra mắt Dentsu Studios, đưa sáng tạo, công nghệ và thương mại vào chung một hệ sinh thái
    Trước đó Tiếp
  • Bon Trend
  • Explore
    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
    Sau suy thoái, điều gì sẽ xảy ra trong giai đoạn tái định hình ngành thiết kế sáng tạo?
    Tâm thế của một người bán thiết kế sáng tạo xịn sò
    Adobe tiết lộ “13 Font hoàng đạo”: đoán tính cách qua phông chữ yêu thích – bạn là font nào?
    Trước đó Tiếp
  • Talk
    Gặp gỡ Huỳnh Khang – từ cựu học viên Arena đến Concept Artist cho phim Địa Đạo
    Tùng Monkey: khai phá lĩnh vực VJing với sự Nguyên Bản
    Navi Nguyễn: “Mình muốn làm nhiều thứ cùng một lúc về nghệ thuật, vẽ vời, viết lách hay sáng tạo”
    Ziêm – Quan sát cách vận hành của thế giới để bắt đầu vào sáng tạo
    Chên Chên: “Mình luôn giữ nguồn năng lượng dồi dào và đa dạng cảm xúc khi thực hành sáng tạo?”
    Trước đó Tiếp
  • Showcase
    Viettel GIC x Con Cò Đây: Màn tung hứng dí dỏm đậm chất Gen Z dưới lăng kính điện ảnh của FMN Media
    Vietnam 3D Isometric – 63 tỉnh thành Việt Nam qua dự án 3D của artist Thành Nguyễn
    Artist Việt hưởng ứng series “Vẽ Lực lượng Vũ trang Việt Nam” nhân dịp Đại Lễ 30/4
    Biti’s Hunter rebrand – nhìn lại chiến dịch tái định vị của thương hiệu giày quốc dân
    Chiến dịch rebrand của MoMo nhìn qua bộ nhận diện thương hiệu được làm mới bởi M — N Associates
    Trước đó Tiếp
  • Series
    • Arc Vibes
    • Art Holic
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
Trending Now

Nhật Bản ra mắt “tủ lạnh cho người”, thổi khí lạnh 5°C để đối phó với nắng nóng

15 giờ trước

Quảng cáo siêu nhỏ trên billboard siêu to: chiến dịch OOH ra mắt bia chai nhỏ của Modelo

15 giờ trước

Burger King ra mắt bộ đồ ngủ pyjama nhân dịp mở cửa nhà hàng 24/7 – phục vụ xuyên đêm

15 giờ trước

Tiền euro sắp được redesign sau 24 năm, người dân châu Âu được bình chọn thiết kế tiền giấy mới

15 giờ trước
RGB RGB
  • News
    Nhật Bản ra mắt “tủ lạnh cho người”, thổi khí lạnh 5°C để đối phó với nắng nóng
    Tiền euro sắp được redesign sau 24 năm, người dân châu Âu được bình chọn thiết kế tiền giấy mới
    Chuột gaming này tích hợp quạt mini để giữ bàn tay luôn khô ráo, không lo đổ mồ hôi
    Lacoste đưa cá sấu lên bờ với tác phẩm điêu khắc cát khổng lồ trên bãi biển cho bộ sưu tập mùa hè
    Khi hội họa Van Gogh tạo trải nghiệm game “chữa lành” toàn diện trong Sky: Children of the Light
    Trước đó Tiếp
  • Art & Design
    Instagram cập nhật tính năng Replace Audio, cho phép thay nhạc trên bài đăng cũ mà không bị mất tương tác 
    Google mở gần 4.000 emoji thành mã nguồn mở dưới dạng mô hình 3D có thể chỉnh sửa
    Tinder ra mắt logo mới và chiến dịch tái định vị thương hiệu sau gần 10 năm
    Ý tưởng Packaging cua hoàng đế cao cấp lấy cảm hứng từ “bưu kiện” gửi đến từ Bắc Cực
    7-Eleven làm mới bộ nhận diện thương hiệu tại thị trường Hàn Quốc
    Trước đó Tiếp
  • Advertising
    Quảng cáo siêu nhỏ trên billboard siêu to: chiến dịch OOH ra mắt bia chai nhỏ của Modelo
    Burger King ra mắt bộ đồ ngủ pyjama nhân dịp mở cửa nhà hàng 24/7 – phục vụ xuyên đêm
    Lacoste đưa cá sấu lên bờ với tác phẩm điêu khắc cát khổng lồ trên bãi biển cho bộ sưu tập mùa hè
    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
    Dentsu Philippines ra mắt Dentsu Studios, đưa sáng tạo, công nghệ và thương mại vào chung một hệ sinh thái
    Trước đó Tiếp
  • Bon Trend
  • Explore
    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
    Sau suy thoái, điều gì sẽ xảy ra trong giai đoạn tái định hình ngành thiết kế sáng tạo?
    Tâm thế của một người bán thiết kế sáng tạo xịn sò
    Adobe tiết lộ “13 Font hoàng đạo”: đoán tính cách qua phông chữ yêu thích – bạn là font nào?
    Trước đó Tiếp
  • Talk
    Gặp gỡ Huỳnh Khang – từ cựu học viên Arena đến Concept Artist cho phim Địa Đạo
    Tùng Monkey: khai phá lĩnh vực VJing với sự Nguyên Bản
    Navi Nguyễn: “Mình muốn làm nhiều thứ cùng một lúc về nghệ thuật, vẽ vời, viết lách hay sáng tạo”
    Ziêm – Quan sát cách vận hành của thế giới để bắt đầu vào sáng tạo
    Chên Chên: “Mình luôn giữ nguồn năng lượng dồi dào và đa dạng cảm xúc khi thực hành sáng tạo?”
    Trước đó Tiếp
  • Showcase
    Viettel GIC x Con Cò Đây: Màn tung hứng dí dỏm đậm chất Gen Z dưới lăng kính điện ảnh của FMN Media
    Vietnam 3D Isometric – 63 tỉnh thành Việt Nam qua dự án 3D của artist Thành Nguyễn
    Artist Việt hưởng ứng series “Vẽ Lực lượng Vũ trang Việt Nam” nhân dịp Đại Lễ 30/4
    Biti’s Hunter rebrand – nhìn lại chiến dịch tái định vị của thương hiệu giày quốc dân
    Chiến dịch rebrand của MoMo nhìn qua bộ nhận diện thương hiệu được làm mới bởi M — N Associates
    Trước đó Tiếp
  • Series
    • Arc Vibes
    • Art Holic
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
0
Trending Now

Nhật Bản ra mắt “tủ lạnh cho người”, thổi khí lạnh 5°C để đối phó với nắng nóng

15 giờ trước

Quảng cáo siêu nhỏ trên billboard siêu to: chiến dịch OOH ra mắt bia chai nhỏ của Modelo

15 giờ trước

Burger King ra mắt bộ đồ ngủ pyjama nhân dịp mở cửa nhà hàng 24/7 – phục vụ xuyên đêm

15 giờ trước

Tiền euro sắp được redesign sau 24 năm, người dân châu Âu được bình chọn thiết kế tiền giấy mới

15 giờ 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
Malaysia chính thức công bố logo và mascot cho SEA Games 34 diễn ra vào năm 2027

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

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

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

Nhật Bản ra mắt “tủ lạnh cho người”, thổi khí lạnh 5°C để đối phó với nắng nóng
Quảng cáo siêu nhỏ trên billboard siêu to: chiến dịch OOH ra mắt bia chai nhỏ của Modelo
Burger King ra mắt bộ đồ ngủ pyjama nhân dịp mở cửa nhà hàng 24/7 – phục vụ xuyên đêm
Tiền euro sắp được redesign sau 24 năm, người dân châu Âu được bình chọn thiết kế tiền giấy mới

Có thể bạn thích

BrandingDesign

7-Eleven làm mới bộ nhận diện thương hiệu tại thị trường Hàn Quốc

Brand NewsPackaging Design

Mirinda tái nhận diện thương hiệu với logo mới và nền tảng toàn cầu: “Smile Please”

News

Google đang “đại tu” toàn bộ 4.000 emoji trên Android để chúng trông “3D hơn” và “sống động hơn”

NewsTech

Google bắt tay Nvidia, OpenAI cùng xây “dấu vết số” để nhận diện nội dung AI trên internet

Lướt tiếp
footer logo

RGB - Cộng đồng Sáng tạo Việt Nam. Trang thông tin đa dạng về các lĩnh vực sáng tạo, thiết kế, nghệ thuật, quảng cáo và nhiều hơn thế nữa.

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

  • Art & Design
  • Advertising
  • Explore
  • Showcase
  • Talk
  • News
© RGB - Cộng đồng Sáng tạo Việt Nam
Creative Vibes - Art, Design, Advertising & Creativity
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 ý