اشتراک گذاری, , گوگل پلاس, پینترست,

پرینت

پست شده در:

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

1 Star2 Stars3 Stars4 Stars5 Stars 4 رای (با یه رای مهمونمون کن)

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

لوگوی قبلی گوگل از فونت قدیمی 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 مدیر و تنها نوسنده ی نیونش(البته فعلا)

204 posts

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code