دانستنی ها

گوگل چگونه لوگو خود را از ۱۴۰۰۰ بایت به ۳۰۵ بایت کاهش داد؟

نوشته شده توسط علی پژوهی

لوگوی قبلی گوگل از فونت قدیمی Serif استفاده می‌کرد و از اشکالی گرد ساخته می‌شد؛ طوری که بیش از ۱۰۰ نقطه‌ی مرجع داشت. این موضوع حجم لوگو را به ۶ کیلوبایت (به طور دقیق تر۶۳۸۰ بایت) رسانده بود. زمانی که این لوگو را فشرده می‌کردیم، حجم به ۲ کیلوبایت (۲۱۴۵ بایت) می‌رسید.

لوگو قدیمی گوگل

اما میتوان با چند دایره و مستطیل لوگویی ساده تر ساخت

تبلیغات:

ساخت لوگو جدید گوگل با چند دایره و مستطیل

لوگوی جدید گوگل تشکیل شده از شکل‌های زیر است:

– ۱۰ دایره (۲ دایره برای G بزرگ و g کوچک، ۲ دایره برای O و ۲ دایره برای e)

– ۵ مستطیل (۲ تا برای G بزرگ، یکی برای L کوچک و ۲ تا برای e)

– یک شکل که از ۷ نقطه‌ی مرجع تشکیل شده سات (برای پایین g کوچک)

گوگل لوگوی بهینه‌سازی شده‌ی خود را که ۳۰۵ بایت است عرضه نکرده و هنوز هم آنلاین موجود نیست، اما ادعایی که کرده ظاهرا واقعی است.

برای مثال، می‌توانید ببینید که چگونه یک حرف G توسط چند شکل ساخته می‌شود:

ساخت حرف G لوگو گوگل

اگر تمام حرف های گوگل را به این سادگی بکشیم و آن را با فرمت svg بنویسیم میتوان لوگو را به سایزی که گوگل ادعا کرده است رساند:

google new logo svg format

در شکل زیر لوگو گوگل را با فرمت svg مشاهده میکنید اگر به قسمت html بروید مشاهده میکنید که این لوگو با ۱۰ خط کد نوشته شده که حجم آن را بسیار کاهش میدهد

See the Pen mPqPry by newnesh (@newnesh) on CodePen.

البته ما این کد را ننوشته ایم بلکه تنها آن را در codepen قرار دادیم

این هم یک تصویر از رشد لوگو گوگل با پیش بینی طنز آمیز:

google logo 3

 

منبع:gizmodo

 

تبلیغات:

درباره نویسنده

علی پژوهی

علی پژوهی هستم متولد سال 1380 مدیر و تنها نوسنده ی نیونش(البته فعلا)

نظر بدهید

*

code