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
    Dream Recorder: thiết bị biến giấc mơ thành hình ảnh bằng trí tuệ nhân tạo
    Bức tranh 300 năm tuổi bị phá hỏng do du khách “tạo dáng meme” để chụp ảnh check-in
    Trung Quốc chế tạo drone siêu nhỏ như muỗi, lý tưởng cho nhiệm vụ quân sự bí mật
    G-Dragon hợp tác cùng Jacob & Co. ra mắt mặt dây chuyền PEACEMINUSONE phiên bản giới hạn
    RM – trưởng nhóm BTS trở thành đại sứ thương hiệu cho dòng TV nghệ thuật của Samsung
    Trước đó Tiếp
  • Art & Design
    Galaxy S25 Edge – khi công nghệ đại diện cho sự “có gu” của chính chủ
    Shutterstock tái định vị thương hiệu: ra mắt logo và bộ nhận diện thương hiệu mới
    VIBE UP – Giải mã cơn sốt mùa hè từ 7UP và Dzũng Yoko 
    Vietnam 3D Isometric – 63 tỉnh thành Việt Nam qua dự án 3D của artist Thành Nguyễn
    G-DRAGON trở thành gương mặt đại diện mới của cà phê The Venti, ra mắt món sinh tố thanh long “Dragon Smoothie”
    Trước đó Tiếp
  • Advertising
    Microsoft sẽ cắt giảm thêm hàng ngàn vị trí bán hàng, dồn nguồn lực vào dự án ai trị giá 80 tỷ USD
    Coca-Cola bắt tay Star Wars: kết nối người hâm mộ “khắp dải ngân hà” với chiến dịch quảng cáo mới
    Liquid Death ra mắt trà lạnh chứa ADN của ngôi sao nhạc rock Ozzy Osbourne – một “đòn marketing điên rồ” vượt ngoài khuôn khổ
    Vinamilk chinh phục giải thưởng “thiết kế bao bì tốt nhất”, dẫn đầu đổi mới sáng tạo tại hội nghị sữa toàn cầu 2025
    OREO biến tin nhắn thoại WhatsApp dài và nhàm chán thành phiếu giảm giá bánh quy
    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
    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
    Bộ nhận diện thương hiệu GHTK Rebrand thiết kế bởi M – N Associates
    Heo Đất: Đằng sau quá trình những sản phẩm sáng tạo & thủ công mang gợi cảm hứng về kỷ niệm tuổi thơ
    Trước đó Tiếp
  • Series
    • Arc Vibes
    • Art Holic
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
Trending Now

[Student Showcase] Phim hoạt hình “Meow” – đồ án tốt nghiệp của Phạm Triều Châu – sinh viên ĐH Mỹ Thuật TP.HCM

6 ngày trước

FTC hoàn tiền 126 triệu USD cho người chơi Fortnite vì các “chiêu trò thiết kế gây nhầm lẫn”

1 tuần trước

Microsoft “khai tử” Màn hình xanh chết chóc sau 40 năm – thay bằng phiên bản màu đen

1 tuần trước

Apple giảm hiệu ứng Liquid Glass trong iOS 26 để phản hồi ý kiến người dùng

2 tuần trước
RGB RGB
  • News
    OpenAI xoá toàn bộ nội dung nhắc đến start up “io” hợp tác với Jony Ive vì tranh chấp nhãn hiệu
    Greenpeace “phá đám” tiệc cưới của tỷ phú Jeff Bezos – nhà sáng lập Amazon để nói lên bất công xã hội và khủng hoảng khí hậu
    Trung Quốc hồi sinh 100 bộ phim võ thuật kinh điển bằng AI với dự án gần 14 triệu USD
    Louvre – bảo tàng đông khách nhất thế giới buộc phải đóng cửa vì nhân viên phản đối tình trạng quá tải du lịch
    Meta & Oakley ra mắt kính thông minh hỗ trợ quay video 3k và trợ lý AI rảnh tay
    Trước đó Tiếp
  • Art & Design
    Thương hiệu này sáng chế ra sợi mì dài 3,5 mét để game thủ thoải mái ăn mà không gián đoạn trận đấu
    CORLEO – concept robot 4 chân như báo đốm cho người lái trong phim viễn tưởng
    Instagram cập nhật nhiều tính năng mới cho tin nhắn: Chia sẻ nhạc, hẹn giờ, ghim, dịch tin nhắn 99 ngôn ngữ,…
    MV Tết 2025: Điều Giản Đơn Quý Giá – Chiến dịch quảng cáo Tết Nhà Là Tết Nhất mùa 2 của LG
    Độc lạ Nhật Bản: Nekojita FuFu – chú mèo robot biết thổi “phù phù” làm nguội đồ uống giúp bạn
    Trước đó Tiếp
  • Advertising
    CLB bóng đá Bologna tặng áo đấu mini cho tất cả trẻ sơ sinh, kết nối “cổ động viên” từ trong nôi
    Lay’s công bố khoai tây chiên hương vị mới do người dùng tạo ra qua cuộc thi “Do Us A Flavor” với giải thưởng 1 triệu USD
    Thương hiệu làm biển quảng cáo nền trắng tinh vì để dành ngân sách cho dịch vụ khách hàng – chiến dịch OOH đắt giá của TVH
    Billboard bị cháy nắng theo mức UV ở thời gian thực: chiến dịch OOH cảnh báo mối nguy cho làn da
    Sàn thương mại điện tử biến game “Call of Duty” thành sân chơi giảm giá, chiến dịch xuất sắc đoạt giải  Cannes Lions 2025
    Trước đó Tiếp
  • Bon Trend
  • Explore
    CV gây sốt của Elliott Hill: Vào làm intern của Nike, lên chức CEO sau 32 năm
    Adobe dự đoán các xu hướng sáng tạo cho năm 2024
    Adobe tiết lộ những địa điểm truyền cảm hứng nhất thế giới cho người làm sáng tạo
    Depositphotos dự đoán những xu hướng sáng tạo và thẩm mỹ cho năm 2024
    Phân tích chiến dịch re-brand và thiết kế bộ nhận diện thương hiệu mới của Vinamilk
    Trước đó Tiếp
  • Talk
    Thoải mái và tự do trong màu sắc: Chít và những dự án minh họa sách
    Gia Lộc: “Một chút minh họa để mình nhận ra nhiều trải nghiệm thú vị đến từ cuộc sống xung quanh”
    Hiệp Tống: “Mình muốn làm khác đi khi mỗi lần thực hành sáng tạo”
    Purple Taro Cat – “Khi sáng tạo dành cho nhiều người xem, bạn đặt ra những tiêu chí gì?”
    Nhàn Manip & sự phóng khoáng, tự do khi được vẽ, tác phẩm với sự chi tiết hóa trong hình họa và yếu tố lặp tạo điểm nhấn
    Trước đó Tiếp
  • Showcase
    Bộ nhận diện thương hiệu Bát Tràng Museum – Rebrand project từ M — N Associates
    Nghe & ngắm Vũ Trụ Cò Bay đậm chất văn học Việt Nam của Phương Mỹ Chi qua bộ illustration thơ mộng từ artist Đình Điệp
    Thực hành sáng tạo hình họa của Pao với chất liệu chì, than, đôi lúc khá nhiễu hạt
    Bộ thiết kế reBranding thương hiệu thực phẩm thú cưng HiRaw! từ M – N Associates
    ORTHO – Bộ nhận diện khơi nguồn cảm hứng “Độc bản từ mọi góc nhìn” sáng tạo bởi CABE Studio
    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

[Student Showcase] Phim hoạt hình “Special Delivery”: Đồ án tốt nghiệp của sinh viên Đại học Mỹ Thuật Tp.HCM

2 tuần trước

Pixar lần đầu tiên làm phim hoạt hình vẽ tay với dự án “Gatto” từ đạo diễn của “Luca”

2 tuần trước

Kiri MiniSweet gia nhập thị trường Việt Nam, ra mắt phô mai tráng miệng hiểu phong cách sống giới trẻ

2 tuần trước

Aquafina | Art of Purity – Khi thời trang và nghệ thuật cùng chạm vào phiên bản thuần khiết của bạn

2 tuần 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 10 năm trước
Chia sẻ
Xem thêm
Một hãng luật bị từ chối hồ sơ vì logo công ty “không phù hợp”

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:

Creative Vibes

Luôn cập nhật tin Sáng tạo mới nhất qua Inbox của bạn!

Xin vui lòng xác nhận đồng ý nhận tin từ RGB Bạn ơi nhập email vào nhé! Email này đã được sử dụng đăng ký trước đó Địa chỉ của bạn đã được thêm vào!

Follow RGB tại:

Mới nhất

[Student Showcase] Phim hoạt hình “Meow” – đồ án tốt nghiệp của Phạm Triều Châu – sinh viên ĐH Mỹ Thuật TP.HCM
Dream Recorder: thiết bị biến giấc mơ thành hình ảnh bằng trí tuệ nhân tạo
Bức tranh 300 năm tuổi bị phá hỏng do du khách “tạo dáng meme” để chụp ảnh check-in
Trung Quốc chế tạo drone siêu nhỏ như muỗi, lý tưởng cho nhiệm vụ quân sự bí mật

Có thể bạn thích

Ad VibesCampaign

Tinder dùng logo ngọn lửa thiêu rụi ký ức người cũ để đón chào tình mới nhân ngày Người Yêu Cũ ở Mexico

News

Google ra mắt trò chơi ẩn cho người dùng bắt 151 Pokémon ngay trên thanh tìm kiếm

Art & DesignBranding

YouTube âm thầm thay đổi sắc đỏ logo và cập nhật bảng màu thương hiệu mới 

Brand NewsNews

OpenAI công bố logo mới & chiến dịch tái định vị thương hiệu lần đầu tiên

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

Our website uses cookies to improve your experience.

Accept
adbanner
Xin hãy ủng hộ chúng tôi!
Xin hãy ủng hộ đội ngũ làm nội dung của RGB bằng cách bật whitelist với AdBlock. Chân thành cảm ơn.
Okay, I'll Whitelist