A little BIT about Pixels
(camera clicks) Good.
I created Instagram with my co-founder
Mike, initially we saw the mobile phone as
an opportunity to create something new. Because
for the first time people were carrying around
a computer in their pocket. And we decided
that sharing imagery was probably the biggest
opportunity for the next five years, and one
that we held close to our hearts, something we wanted to spend our time on. It's
great to say you have an app or an idea that
does x, y, or z but unless that solves a real
problem for people they're not going to use
it. And the question is: What problem are
you solving? (Piper - Photographer) When people
first faced the problem of how to show a picture
on a screen, they had to come up with a way
to break the image down into data. In 1957,
an early computer engineer named Russell Kirsch
took a picture of his infant son and scanned
it. It was the first digital image, a grainy
black and white baby picture-- and that's
how the pixel was born! Pixels are an interesting
concept because you can't see them very easily.
But actually, if you get a magnifying glass
and you go up to a screen you actually can
see that your screen is made up of tiny dots
of little light. What's more interesting is
that those tiny dots of little light are actually
multiple tiny dots of little light of different
colors. There's red, green, and blue. Pixels
together, from far away, create an image and
upfront they are just little lights that are
on and off. The combination of those create
images and what you see on your screen every
single day you use your computer. So you'll
hear the term resolution a lot, both in computer
science and manufacturers of devices will
talk about it. Resolution is basically the
dimensions by which you can measure how many
pixels are on a screen. So back in the day
when I was a high school student, it was 640
by 480 pixels. And today it's a lot bigger.
And then there's the question not only of
resolution, but also density. For instance,
on modern smartphones they fit the same number
of little lights called pixels but in a denser
space and that's what allows you to get sharper
images. Now, how do you store those values
of the pixels in a file? What you do is you
store red, green, and blue values in little
triplets, effectively. With different values
that each make up a single pixel. The values
range from 0 to 255. 0 would be very dark,
255 would be very bright. Triplets of these
values together compose a single pixel. An
image file, whether it's a jpeg, gif, png,
etc. contains millions of these RGB (red-green-blue)
triplets. So how does a computer store all
that data? All computing and visual data are
represented by bits. A bit has two states:
it's on or it's off. But instead of on or
off, computers use 1 and 0 -- binary! An image
file is actually just a bunch of 1s and 0s.
But why do RGB values go from 0 to 255? Turns
out that each color channel, RGB, is represented
by 8 bits, which together are called a byte.
If you know the binary number system, you
know that the maximum number 8 bits can represent
is 255. 255 is equal to eight 1s in a row.
And the lowest is 0 or eight 0s in a row.
Therefore, 0 to 255 gives us 256 different
intensities per color channel. We can represent
a pixel of the color turquoise for example,
in our traditional decimal based number system
as 64 (for a little red), 224 (for a lot of
green), and 208 (for some blue). But a computer
would have stored it as 0100 0000 1110 0000
1101 0000. We use 24 binary digits to represent
this one pixel. So rather than binary, digital
artists often use the hexadecimal number system
to represent colors. So we can represent the
same color turquoise using only six hexadecimal
digits: 40 E0 D0. Which is a lot shorter.
Let's say you want to modify the colors of
the image. How do you do that? Basically there
are ways of mapping functions where you take
the input value of the pixel. So you take
an input of a red, green, and blue value,
which represents that color. Then you map
it using a function to a new red, green, and
blue value. Let's say you wanted to make an
image darker. One way of doing that is by
taking the red, green, and blue values that
come in and let's just say subtracting a fixed
constant from each of them, say subtract 50.
Obviously you can't go below 0, but you just
subtract 50 from each of them and that's the
output. So the input is R, G, B and the output
is R-50, G-50, B-50. What you'll see is you've
taken an image with a certain brightness,
and you get out an image with a much darker
brightness. What a lot of people don't realize
about Instagram is that initially people thought
what it was was a way of filtering images,
making your images look cool in some way or
retro. And what it grew into was actually
much more important, it was a way of people
connecting. It's not just about seeing photos
of your friends and your family, but actually
being able to discover things happening all
around the world. Whether that's a riot overseas,
a social movement, you're able to basically
consume that information in a visual way.
And that allowed us to grow very quickly and
be a universal platform.
Learn more at studio.code.org.
القليل عن الpixels
(ضغطات كاميرا)
جيد
أنشأت "انستاغرام" مع شريكي المؤسس "مايك"،
بداية رأينا الهاتف الجوال كفرصة
لإنشاء شيء جديد.
لأنه وللمرة الأولى الناس يحملون جهازا
أقرب للحاسوب ضمن جيبهم. وقد قررنا
أن مشاركة الصور كان ربما الفرصة الأكبر
للسنوات الخمس القادمة، وأمرا قريبا
إلى قلوبنا، شيئا أردنا أن نصرف وقتنا عليه.
من العظيم القول بأنك تمتلك تطبيقا أو فكرة
تقوم ب x أوy أوz ولكن طالما أنها لا تحل
مشكلة حقيقية للناس فلن يستخدموها. والسؤال
هو: ما المشكلة التي تقوم بحلها؟
(بايبر-مصورة) عندما واجه الناس في البداية
مشكلة كيفية عرض صورة على الشاشة،
كان عليهم أن يأتوا بطريقة لتجزئة الصور إلى
بيانات. في 1957، مهندس حاسوب قديم يدعى
"راسل كيرش" أخذ صورة لطفله الرضيع ومسحها.
وقد كانت أول صورة رقمية، صورة رضيع بيضاء
وسوداء-- وهكذا كانت ولادة البكسل!
البكسلات هي مفهوم مثير للاهتمام لأنك لا
تستطيع رؤيتها بسهولة كبيرة.
ولكن في الواقع، إذا أخذت عدسة مكبرة
ووضعتها بالقرب من الشاشة تستطيع
أن ترى فعليا أن شاشتك مكونة من نقاط صغيرة
جدا من الأضواء الخافتة. والأكثر إثارة هو
أن هذه النقاط الصغيرة من الأضواء، هي
فعليا عدة نقاط صغيرة من الأضواء
مختلفة الألوان. هناك الأحمر، الأخضر،
والأزرق. البكسلات معا، من بعيد تخلق صورة
وفي العمق، هي مجرد أضواء صغيرة تضيئ
وتنطفئ. الدمج بينها يخلق الصور وما
تراه على شاشتك كل يوم تستخدم فيه حاسبك.
لذا ستسمع عن مصطلح "الدقة" كثيرا، في كل من
علوم الحاسب ومصنعو الأجهزة سيتحدثون
عنها. الدقة هي بشكل أساسي الأبعاد التي من
خلالها تستطيع قياس عدد البكسلات على
الشاشة. بالعودة إلى اليوم الذي كنت فيه
طالبا في الثانوية كانت 640x480 بكسل
واليوم هي أكبر بكثير. وأيضا أصبحنا نسأل
ليس فقط عن الدقة
ولكن أيضا الكثافة.على سبيل المثال على
الهواتف الذكية يتم ملاءمة نفس العدد من
الأضواء الصغيرة المدعوة بالبكسلات ولكن
في مساحة أكثف، وهذا ما يسمح لك بالحصول
على صور أوضح. الآن، كيف تخزن هذه القيم من
البكسلات ضمن ملف. ما تفعله هو تخزين قيم
الأحمر، الأخضر والأزرق في ثلاثيات صغيرة،
بشكل فعال. بقيم مختلفة يشكل كل منها بكسلا.
القيم تتراوح بين 0 و 255.
0 سيكون داكنا جدا، و255 ساطعا جدا.
ثلاثيات القيم هذه تشكل بكسلا واحدا.
ملف الصورة، سواء كان jpeg، gif ، png الخ.
يحتوي الملايين من ثلاثيات الRGB هذه
(red-green-blue).
إذن كيف يخزن الحاسوب كل هذه البيانات؟
جميع البيانات الحسابية والبصرية يتم
تمثيلها من خلال بتات. البت له حالتان:
عمل- إيقاف (on-off) ولكن بدلا من
تخزين on أو off ، الحواسيب تستخدم 1 أو 0
-- ثنائي!
ملف الصورة فعليا مكون من العديد من
الأصفار والواحدات
ولكن لماذا تتراوح قيم RGB بين 0 و255؟
يظهر لدينا أن كل قناة لونية، RGB،
يتم تمثيلها ب 8 بتات، والتي تدعى معا بايت.
إذا كنت تعرف نظام الأعداد الثنائي، ستعرف
أن أكبر رقم يمكن ل 8 بتات أن تمثله هو 255.
255 يكافئ 8 واحدات ضمن السطر.
والرقم الأصغر 0 أو 8 أصفار ضمن السطر.
وبالتالي، 0 ل255 تعطي 255 شدة مختلفة
ضمن القناة اللونية. يمكنننا تمثيل بكسل
اللون السماوي على سبيل المثال،
بنظامنا الثنائي الأساس التقليدي كـ 64
(القليل من الأحمر)، و224 (الكثير من
الأخضر) ، و208 (لبعض الأزرق). ولكن الحاسب
سيخزنها ك 0100000111000001101000.
نستخدم 24 خانة رقمية ثنائية لتمثيل هذا
البكسل الواحد. لذا بدلا من الثنائي،
الفنانون الرقميون غالبا يستخدمون النظام
الست عشري لتمثيل الألوان. وبالتالي يمكننا
تمثيل اللون السماوي نفسه باستخدام 6 خانات
رقمية ست عشرية: 40E0D0. وهو أقصر بكثير.
دعنا نقول أننا نريد تعديل ألوان الصورة.
كيف يمكنك فعل ذلك؟ بشكل أساسي هناك طرق
لتوابع المطابقة التي تأخذ الدخل قيمة
البكسل. وبالتالي تأخذ دخلا لقيمة الأحمر،
الأخضر والأزرق. والتي تمثل اللون. ثم تطابق
هذه القيمة باستخدام تابع مع قيمة أحمر،
أخضر وأزرق جديدة. دعنا نقول أنك أردت
جعل الصورة أغمق. إحدى طرق عمل ذلك
هي أخذ قيم الأحمر،الأخضر والأزرق التي
تأتي تباعا ودعنا نقول أننا نطرح قيمة ثابتة
من كل منها، ولتكن 50.
من الواضح أنه لا يمكنك أن تذهب لقيم أقل
من 0، ولكنك فقط تطرح 50 من كل منها وهذا
هو الخرج. أي أن الدخل هو R,G,B والخرج هو
R-50,G-50,B-50.
الذي ستراه هو أنك أخذت صورة بسطوع معين،
وحصلت على صورة بسطوع أغمق.
الذي لا يدركه العديد من الناس عن
"انستاغرام"أن الناس فكرت به في البداية
كطريقة لفلترة الصور، وجعل صورك تبدو جميلة
بطريقة ما، أواسترجاعها.
وما وصل إليه كان فعليا أكثر أهمية، لقد كان
طريقة لتواصل الناس.
إنه ليس فقط رؤية صور أصدقائك وعائلتك،
ولكن فعليا القدرة على استكشاف الأشياء التي
تحدث حول العالم. سواء كانت أعمال شغب
في الخارج، تحرك اجتماعي، يمكنك أن
تستهلك بشكل أساسي هذه المعلومة بطريقة
مرئية.
وهذا سمح لنا بالنمو بسرعة كبيرة وأن نكون
منصة عالمية.
تعلم المزيد في: studio.code.org
Крыху пра пікселі
Добра!
Я стварыў Instagram са сваім сузаснавальнікам Майкам
першапачаткова мы бачылі мабільны тэлефон як
магчымасць стварыць нешта новае.
Таму што, упершыню людзі насілі з сабой
камп'ютар у кішэні. І мы вырашылі
што абмен выявамі будзе, верагодна, самай вялікай
магчымасцю на наступныя пяць гадоў, і тым
што мы трымаем блізка да нашых сэрцаў, тое, на што мы хацелі марнаваць свой час.
Лёгка сказаць, што ў вас ёсць дадатак або ідэя, якая
робіць x, y або z, але калі гэта не вырашае рэальную
праблему для людзей, яны не будуць гэтым карыстацца. І тут паўстае пытанне: якую праблему
вы вырашаеце? (Пайпер - Фатограф) Калі людзі
упершыню сутыкнуліся з праблемай, як паказаць выяву
на экране, яны павінны былі прыдумаць спосаб
як разбіць малюнак на дадзеныя.
У 1957 г. камп'ютарны інжынер па імені Расэл Кірш
сфатаграфаваў свайго маленькага сына і адсканаваў выяву.
Гэта быў першы лічбавы малюнак, кропкавы
чорна-белы малюнак дзіцяці - і гэта
як нарадзіўся піксель! Пікселі - гэта цікавае
паняцце, таму што вы не можаце ўбачыць іх вельмі лёгка.
Але на самой справе, калі вы возмеце павелічальнае шкло
і наблізіцеся да экрана, вы сапраўды зможаце
пабачыць, што ваш экран складаецца з малюсенькіх кропак святла. Што яшчэ цікава,
гэтыя маленькія кропкі святла на самай справе
складаюцца з малюсенькіх кропак розных колераў.
Ёсць чырвоны, зялёны і сіні. Пікселі
разам, здалёк, ствараюць выяву і
загадзя яны проста маленькія агеньчыкі, якія ўключаюцца
і выключацца. Іх спалучэнне стварае
выявы і тое, што вы бачыце на экране кожны дзень, калі карыстаецеся сваім камп'ютарам. Такім чынам, вы будзеце
часта чуць тэрмін разрозненне, як у камп'ютарнай
навуцы, так і вытворцы прылад будуць
казаць пра гэта. Разрозненне - гэта ў прынцыпе
памеры, па якіх вы можаце вымяраць колькі
пікселяў на экране. Калі я быў старшакласнікам, гэта было 640
на 480 пікселяў. А сёння нашмат больш.
І тут пытанне не толькі
ў разрозненні, але і ў шчыльнасці. Напрыклад,
на сучасных смартфонах змяшчаецца столькі ж
маленькіх агеньчыкаў, якія называюцца пікселямі, але больш шчыльна, і гэта дазваляе вам бачыць больш
выразныя выявы. Цяпер, як вы захоўваеце гэтыя значэнні
пікселяў у файле? Вы захоўваеце
чырвоныя, зялёныя і сінія значэнні ў выглядзе
трайнят. З рознымі значэннямі
кожны з якіх складае адзін піксель. Значэнні ў
дыяпазоне ад 0 да 255. 0 будзе вельмі цёмным,
255 будзе вельмі яркім. Трайняты гэтых
значэнняў разам складаюць адзін піксель.
Файл выявы, няхай гэта будзе jpeg, gif, png,
г.д. змяшчае мільёны гэтых RGB (чырвона-зялёны-сіні) трайнят.
Такім чынам, як камп'ютар захоўвае ўсе
гэтыя дадзеныя? Усе вылічальныя і візуальныя дадзеныя
прадстаўлены бітамі. Біт мае два станы:
ён уключаны або выключаны. Але замест уключаны або
выключаны, камп'ютары выкарыстоўваюць 1 і 0 - двайковы код! Файл выявы на самай справе проста набор 1 і 0.
Але чаму значэнні RGB змяняюцца ад 0 да 255? Атрымліваецца,
што кожны каляровы канал, RGB, прадстаўлены
8мю бітамі, якія разам называюцца байтам.
Калі вы ведаеце двайковую сістэму лічэння, вы
ведаеце, што максімальны лік, які можа быць прадстаўлены праз 8 біт роўны 255. 255 роўны васьмі адзінкам запар.
А самы малы - 0 або восем 0 запар.
Такім чынам, ад 0 да 255 дае нам 256 розных
інтэнсіўнасцяў на каляровы канал. Мы можам прадстаўляць
піксель бірузовага колеру, напрыклад,
у нашай традыцыйнай дзесятковай сістэме лічэння
як 64 (для чырвонага), 224 (для зялёнага)
і 208 (для сіняга). Але камп'ютар
захаваў бы яго як 0100 0000 1110 0000
1101 0000. Мы выкарыстоўваем 24 двайковыя лічбы для апісання гэтага аднаго пікселя. Але, замест двайковай, лічбавай
мастакі часта выкарыстоўваюць шаснаццатковую сістэму лічэння, каб прадстаўляць колеры. Такім чынам, мы можам апісаць
той жа бірузовы колер, выкарыстоўваючы толькі шэсць шаснаццатковых лічбаў: 40 E0 D0. Што нашмат карацей.
Дапусцім, вы хочаце змяніць колеры ў малюнку. Як гэта зрабіць? У прынцыпе ёсць
адмысловыя функцыі, дзе бяруцца
ўваходныя значэнні пікселяў. Дык вы бeраце
уваходныя значэнні чырвонага, зялёнага і сіняга,
якія прадстаўляюць гэты колер. Потым вы
выкарыстоўваеце функцыю мапінга для новага чырвонага, зялёнага і сіняга значэння. Дапусцім, вы хочаце зрабіць
выяву цямней. Адзін са спосабаў зрабіць гэта шляхам
пераўтварэння чырвонага, зялёнага і сіняга значэнняў, якія
прыходзяць і, давайце проста скажам, адымаючы фіксаванае
пастаяннае значэнне з кожнага з іх, скажам, 50.
Відавочна, што вы не можаце апусціцца ніжэй за 0, але вы проста адніміце 50 з кожнага з іх, і ўсё, вынік.
Такім чынам, на ўваходзе R, G, B і на выхадзе
гэта R-50, G-50, B-50. Тое, што вы ўбачыце, гэта
першапачатковы малюнак з пэўнай яркасцю,
і вы атрымаеце значна больш цёмны малюнак.
Чаго многія не разумеюць аб Instagram гэта тое, што першапачаткова людзі думалі, што
гэта быў спосаб фільтрацыі малюнкаў,
зрабіць так, каб вашыя выявы нейкім чынам выглядалі крута ці рэтра.
І тое, у што яно вырасла, стала насамрэч
значна больш важным, гэта спосаб, якім людзі
камунікуюць. Справа не толькі ў праглядзе фатаграфій
вашых сяброў і вашай сям'і, але на самой справе
дае магчымасць быць у курсе, што адбываецца
ва ўсім свеце. Ці гэта бунт за мяжой,
грамадскі рух, вы можаце спажываць гэтую інфармацыю візуальна.
І гэта дазволіла нам расці вельмі хутка і
быць універсальнай платформай.
Něco o pixelech
Fajn.
Spolu s Mikem jsme založili Instagram.
Na začátku jsme v mobilech viděli
příležitost vytvářet něco nového.
Protože to bylo poprvé, kdy lidé začali
nosit počítač v kapse.
Napadlo nás, že sdílení obrázků nejspíš
bude největší příležitost v dalších pěti letech,
která je nám blízká, něco, čemu
chceme věnovat svůj čas.
je skvělé říct, že máte aplikaci nebo
nápad, který dělá x, y nebo z, ale dokud
neřeší skutečný problém lidí, nebudou to
používat. Otázka zní: Jaký problém řešíte?
(Piper - fotografka) Když lidé poprvé
chtěli ukázat obrázek na obrazovce,
museli převést obrázek
na data. V roce 1957
Russel Kirsch, jeden z prvních počítačových
inženýrů, udělal fotku svého synka a
naskenoval ji. Šlo o první digitální
obrázek, zrnitý černobílý obrázek.
A tak přišel na svět pixel! Pixely jsou
zajímavá myšlenka, jen tak je neuvidíte.
Když si však vezmete lupu a přiblížíte ji
obrazovce, pak uvidíte, že
se vaše obrazovka skládá z mnoha malých
světelných teček. Co je ještě zajímavější
tyto malé světelné tečky se ve skutečnosti
skládají z více malých světel různých
barev: červené, zelené a modré. Pixely
společně, když se podíváte z dálky, vytváří
obraz, přitom jde jen o malá světýlka,
která se zapínají a vypínají. Jejich kombinace
vytváří obrazy, které vidíte na obrazovce
pokaždé, když používáte počítač.
Často slyšíte o rozlišení, jak v
informatice, tak od výrobců zařízení.
Rozlišení je míra, kterou udáváme,
kolik je
na obrazovce pixelů. Kdysi dávno, když
jsem byl na střední, to bylo 640 na
480 pixelů. Dnes je to mnohem víc.
A nejde jen o rozlišení,
ale také o hustotu. Například
moderní chytré telefony mají
to samé množství pixelů, ale mnohem
hustěji, takže vidíme ostřejší obraz.
A jak uložíte hodnoty pixelů do
souboru? Uděláte to tak,
že ukládáte červenou, zelenou a modrou
po trojicích, pro každý pixel jedna.
Každá z těch trojit vytvoří jeden pixel.
Hodnoty jsou od 0 do 255. 0 pro velmi
tmavou, 255 pro velmi jasnou. Trojice
těchto hodnot dohromady dává jeden pixel.
Obrázek, ať jde o jpeg, gif, png či jiný,
obsahuje miliony těchto RGB (red-green-blue)
trojic. Jak tedy počítač ukládá všechna
tato data? Všechna výpočetní a viditelná
data jsou reprezentována bity. Bit má dva
stavy: zapnuto - vypnuto. Ale namísto toho
počítač používá 1 a 0 -- binární (dvojkové)
hodnoty. Obrázek je spousta jedniček a nul.
Ale proč jsou RGB hodnoty od 0 do 255?
Každá barva je v RGB reprezentována
8 bity, dohromady je nazýváme byte.
Pokud znáte binární soustavu,
víte, že největší číslo, které se vejde do
8 bitů je 255. 255 je osm jedniček v řadě.
Nejmenší je 0, nebo-li osm nul v řadě.
Od nuly do 255 máme celkem 256 různých
intenzit, pro každou barvu. Třeba
pixel tyrkysové barvy můžeme reprezentovat
v naší běžné desítkové soustavě jako
64 (trocha červené), 224 (spousta zelené)
a 208 (nějaká modrá). Ale počítač by si to
uložil jako 0100 0000 1110 0000 1101 0000
Pro reprezentaci jednoho pixelu používáme
24 binárních číslic. Digitální umělci
často používají pro barvy šestnáctkovou
(hexadecimální) soustavu. Tou můžeme napsat
stejnou tyrkysovou barvu pouze
6 šestnáctkovými číslicemi: 40 E0 D0.
Možná bys chtěl upravit barvy na obrázku.
Jak to uděláš?
Jsou různé mapovací funkce, které jako
vstup berou hodnotu pixelu.
Jako vstup vezmeš hodnoty červené, zelené a
modré, které tvoří barvu. A ty pomocí
funkce převedeš na nové hodnoty červené,
zelené a modré. Třeba chceš obrázek
ztmavit. Jednou z možností je vzít
hodnoty červené, zelené a modré
a například od každé z nich odečíst
stejné číslo, třeba odečteme 50.
Samozřejmě nelze jít níž než na nulu.
Odečteme tedy 50 od každé z nich
a to je výsledek. Vstupem je R, G, B a
výstupem R-50, G-50, B-50. Měl jsi
obrázek s určitým jasem, dostaneš
obrázek mnohem tmavší.
Mnoho lidí si neuvědomuje, že na
počátku si lidé mysleli, že půjde o
nástroj k filtrování obrázků, který
je vylepší a budou vypadat skvěle
nebo retro. Ale vzniklo z toho něco
mnohem důležitějšího - způsob, jakým
se lidé propojují. Není to jen o tom
vidět fotky tvých přátel nebo rodiny, ale
moci objevovat věci, které se dějí
po celém světě. Třeba protesty v zámoří,
sociální hnutí, přijímáš informace
viditelnou formou.
A to nám umožnilo velmi rychle vyrůst
a stát se celosvětovou platformou.
Zjisti víc na studio.code.org.
Λίγα λόγια για τα Εικονοστοιχεία
Ωραία!
Δημιούργησα το Instagram με τον συνεταίρο μου τον Mike.
Αρχικά αντιμετωπίσαμε το κινητό τηλέφωνο,
σαν μια ευκαιρία να φτιάξουμε κάτι καινούριο.
Επειδή για πρώτη φορά, ο κόσμος
μετέφερε έναν υπολογιστή στην τσέπη του.
Αποφασίσαμε λοιπόν ότι το να μοιραζόμαστε
εικόνες θα ήταν ίσως η μεγαλύτερη ευκαιρία
για τα επόμενα 5 χρόνια επειδή είναι κάτι το οποίο
αγαπάμε και μας αρέσει να αφιερώνουμε χρόνο σε αυτό.
Είναι εξαιρετικό να λες ότι έχεις
ένα app, μια ιδέα που κάνει κάτι.
Αλλά εάν δεν λύνει ένα πραγματικό πρόβλημα,
οι άνθρωποι δεν θα το χρησιμοποιούν.
Η ερώτηση είναι, ποιο πρόβλημα λύνεις;
Όταν ο κόσμος αντιμετώπισε το πρόβλημα του
πώς μπορεί να εμφανιστεί μια εικόνα σε μια οθόνη,
έπρεπε να βρουν ένα τρόπο να
αναπαραστήσουν την εικόνα με αριθμούς.
Το 1957, ένας Μηχανικός Υπολογιστών, ο Russel Kirsh έβγαλε
μία φωτογραφία του νεογέννητου γιου του και την σκάναρε.
Ήταν η πρώτη ψηφιακή εικόνα, μία κοκκώδης
ασπρόμαυρη βρεφική φωτογραφία.
Και έτσι γεννήθηκε το Pixel!
Τα pixels είναι κάτι πολύ ενδιαφέρον,
διότι δεν μπορείς να τα διακρίνεις εύκολα.
Στην πραγματικότητα, εάν πάρεις έναν
μεγεθυντικό φακό και πλησιάσεις μία οθόνη,
τότε μπορείς να δεις ότι η οθόνη αποτελείται
από μικροσκοπικές φωτισμένες κουκκίδες.
Ακόμα πιο ενδιαφέρον είναι, ότι αυτές
οι μικροσκοπικές φωτεινές κουκκίδες
αποτελούνται από πολλαπλά φωτάκια διαφόρων χρωμάτων.
Υπάρχει Κόκκινο, Πράσινο και Μπλε (RGB).
Τα εικονοστοιχεία όλα μαζί, κοιτώντας τα
από μακριά, δημιουργούν μια εικόνα.
Και απο κοντά είναι μικροσκοπικά
φωτάκια που είναι αναμμένα ή σβηστά.
Ο συνδυασμός τους δημιουργεί εικόνες και ό,τι βλέπεις
στην οθόνη κάθε μέρα που χρησιμοποιείς τον Η/Υ.
Ίσως θα έχεις ακούσει τον όρο "Ανάλυση εικόνας".
Σε κάποιο μάθημα τεχνολογίας ή διαφημίσεις συσκευών.
Η "Ανάλυση" είναι ουσιαστικά οι διαστάσεις με τις οποίες
μπορείς να μετρήσεις πόσα pixels υπάρχουν σε μια οθόνη.
Παλιά, τον καιρό που εγώ πήγαινα στο λύκειο,
συνηθισμένη Ανάλυση ήταν 640x480 pixels.
Σήμερα είναι πολύ μεγαλύτερη.
Επιπλέον, δεν είναι μόνο η ανάλυση που
πρέπει να σκεφτούμε αλλά και η πυκνότητα.
Για παράδειγμα, τα μοντέρνα κινητά έχουν τον ίδιο αριθμό
μικροσκοπικών φωτεινών εικονοστοιχείων
(pixels) με τις κανονικές οθόνες,
αλλά σε πολύ μικρότερο μέγεθος και είναι αυτό
που δίνει τη δυνατότητα για λεπτομερείς εικόνες.
Τώρα, πώς αποθηκεύεις αυτές τις τιμές
των pixel σε ένα αρχείο;
Αυτό που γίνεται είναι ότι αποθηκεύονται
τιμές κόκκινου, κίτρινου και μπλε σε τριάδες.
Με διαφορετικές τιμές για το κάθε χρώμα, που
όταν ενωθούν δημιουργούν την απόχρωση του pixel.
Οι τιμές κυμαίνονται από 0-255.
0 είναι πολύ σκοτεινό, 255 είναι πολύ φωτεινό.
Κάθε τρεις τιμές (RGB) συνθέτουν ένα pixel.
Ένα αρχείο εικόνας jpeg, gif, png κτλ. περιέχει
εκατομύρια τριπλές τιμές (RGB, Red-Green-Blue.)
Επομένως πώς αποθηκεύει αυτά τα δεδομένα ο υπολογιστής?
Όλα τα δεδομένα στον υπολογιστή αναπαρίστανται με bits.
Ένα bit έχει δύο καταστάσεις: Είναι On ή Off.
Αντί On ή Off οι υπολογιστές χρησιμοποιούν 1 ή 0 - Δυαδικό!
Ένα αρχείο εικόνας είναι μία συλλογή από 1 και 0.
Αλλά γιατί οι τιμές RGB κυμαίνονται μεταξύ 0-255?
Επειδή το κάθε χρώμα, R, G ή B, αντιπροσωπεύεται
απο 8 bits, τα οποία μαζί ονομάζονται byte.
Εάν γνωρίζετε το Δυαδικό σύστημα αρίθμησης,
τότε γνωρίζετε ότι ο μέγιστος αριθμός που
μπορεί να αναπαρασταθεί με 8 bits είναι 255.
Που ισούται με 8 άσσους στη σειρά.
Και ο μικρότερος είναι μηδέν ή 8 μηδενικά στη σειρά.
Επομένως, 0-255 δίνει 256 διαφορετικές
αποχρώσεις για κάθε χρωματικό κανάλι.
Ένα τιρκουάζ pixel μπορεί να αναπαρασταθεί
από το παραδοσιακό δεκαδικό σύστημα ως
64 (για λίγο κόκκινο), 224 (για πολύ πράσινο)
και 208 (για αρκετό μπλε).
Όμως ένας υπολογιστής θα το αποθήκευε
ως 0100 0000 1110 0000 1101 0000.
Χρησιμοποιούμε δηλαδή 24 δυαδικά ψηφία
για αναπαράσταση αυτού του ενός pixel.
Εκτός από το δυαδικό σύστημα οι ψηφιακοί καλλιτέχνες συχνά χρησιμοποιούν το
δεκαεξαδικό σύστημα για τα χρώματα.
Μπορούμε να αναπαραστήσουμε το ίδιο τιρκουάζ χρώμα με
μόνο έξι δεκαεξαδικά ψηφία 40 E0 D0, πολύ συντομότερα δηλαδή.
Ας πούμε ότι θέλετε να αλλάξετε τα
χρώματα αυτής της εικόνας. Πώς γίνεται?
Βασικά υπάρχουν τρόποι συναρτήσεων αντιστοίχισης
όπου δίνεις την τιμή εισόδου ενός pixel.
Για παράδειγμα δίνεις για είσοδο την τιμή του
κόκκινου - πράσινου - μπλε ενός χρώματος
Μετά τις αντιστοιχίζεις, χρησιμοποιώντας μια
συνάρτηση, σε νέες τιμές κόκκινου - πράσινου - μπλε.
Ας πούμε ότι θέλεις να κάνεις μια εικόνα πιο σκούρα.
Ένας τρόπος να γίνει αυτό είναι παίρνοντας
τις τιμές κόκκινου - πράσινου - μπλε των pixel
και μειώνοντας όλες το ίδιο, π.χ. αφαιρώντας 50.
Προφανώς δεν μπορείς να έχεις τιμές κάτω από το μηδέν,
απλά αφαιρείς 50 από κάθε μία και αυτό είναι το αποτέλεσμα.
Οπότε, οι αρχικές τιμές είναι R G B και οι τελικές R-50, G-50, B-50.
Θα δείτε ότι η τελική εικόνα θα είναι
πολύ λιγότερο φωτεινή από την αρχική.
Αυτό που οι άνθρωποι δεν γνωρίζουν για το Instagram
είναι ότι αρχικά ο κόσμος το χρησιμοποιούσε
ως έναν τρόπο να επεξεργάζονται τις εικόνες με φίλτρα,
να τις κάνουν να δείχνουν πιο ωραίες ή παλιομοδίτικες.
Και τελικά εξελίχθηκε σε κάτι πολύ πιο
σημαντικό, σε κάτι που ενώνει τους ανθρώπους.
Δεν είναι μόνο το να βλέπεις φωτογραφίες των φίλων και της οικογένειάς σου,
αλλά να μπορείς επίσης να ανακαλύπτεις τι συμβαίνει σε όλη τη γη.
Είτε είναι μια εξέγερση σε άλλη ήπειρο,
ένα κοινωνικό κίνημα ή κάτι άλλο,
μπορείς ουσιαστικά να λάβεις την πληροφορία οπτικά.
Και αυτό μας επέτρεψε να εξαπλωθούμε πολύ
γρήγορα και να γίνουμε μια παγκόσμια πλατφόρμα.
Μάθετε περισσότερα στο studio.code.org.
Un poco de Pixels
¡Bien!
Yo hice Instagram con mi socio Mike
inicialmente vimos al celular como
una oportunidad para crear algo nuevo
porque por primera vez la gente
cargaba una
computadora en el bolsillo. Y decidimos
que el compartir imagenes era la mas
grande oportunidad para los
siguientes 5 años
y una que llevamos con nosotros algo en
que nos gusta pasar el tiempo
Es grandioso decir que tienes una
aplicación o una idea que hace algo
pero amenos que solucione un problema
verdadero a la gente no lo va a usar
y la pregunta es
¿Que problema estas resolviendo?
cuando la gente se encuentra un problema
de como mostrar una imagen en la pantalla
tienen que encontrar la forma de
como presentar la imagen en datos
en 1957 un ingeniero de computación toma
la foto de su hijo y la escaneo fue la
primera imagen digital, una imagen
cuadrillada en blanco y negro
y asi fue como nacio el pixel
Pixeles son conceptos interesantes porque
no los puedes ver facilmente
pero actualmente si lo vez con una lupa
a la pantalla. puedes ver que la pantalla
tiene muchos puntos con luces lo que es
más importante es que esos puntos de
luces son actualmente muchos puntos
con luces de multiples colores
rojo, verde y azul. Ah Pixeles juntos
de lejos crean una imagen y por enfrente
solo son pequeñas luces prendidas y
apagadas y
la combinación de esos crean las imagenes
y lo que vez en la computadora cada dia
que usas la computadora
entonces escucharas el termino
resolución mucho
en ciencias de la computación, en fabricas
de aparatos hablan de ellos
Resolución es basicamente la dimención en
la que medimos cuantos pixeles hay en la
pantalla. Tiempo atrás cuando era
estudiante de secundaria
era 640 x480 y ahora ya es más grande
y luego es la pregunta no solo
en resolución pero tambien densidad
entonces en telefonos inteligentes es lo
mismo luces pequeñas llamados pixeles
pero en un espacio de densidad e eso te da
mejores imagenes
Ahora donde guardas esos valores de los
pixeles en el archivo
lo que haces es guardar valores rojo,
verde y azul en efectos triples
con diferentes valores que cada uno hace
un pixel, entonces los valores son
arreglados de 0 a 255 0 es muy obscuro
255 es muy brilloso
y trillizos de estos valores juntos
componen un pixel
un archivo de imagen ya sea
jpeg, gif, png etc.
completa millones de esos trillizos
¿Como la computadora guarda
toda esos datos?
toda los datos en informática
son representados en BIT
un BIT tiene dos formas esta prendido
o apagado
pero en lugar de prendido o apagado
computadoras usan 1 y 0
binario, entonces un archivo de imagen es
un monton de unos y ceros
¿Pero porque los valores RGB
van de 0 a 255?
Resulta que cada canal RGB se
representa por 8 bits
que juntos se llaman BYTE
y si sabes los numeros binarios
sabras que el maximo de 8 bits representa
255 que son igual a ocho 1 en linea
y lo minimo es cero o 8 ceros en linea
de tal manera 0 a 255 nos da 256
diferentes intensidades de color por canal
Podemos representar un pixel del color
turqueza por ejemplo y nuestra
base tradicional de sistema numerico es 64
por un poco de rojo
224 para mucho verde y 208 para el azul
pero una computadora
lo guarda como 01000000 11100000 11010000
usamos 24 digitales binarios para
representar este solo pixel
mejor que binario digitales artistas
regularmente usan
el sistema numerico Hexadecimal para
representar colores
podemos representar el mismo
color turqueza usando 6 digitos
Hexadecimales 40 E0 D0 que es mas corto
Digamos que quieres modificar los colores
de la imagen
¿Cómo haces eso?
Basicamente hay maneras de
mapear funciones donde tomas
el valor de los pixeles y pones el valor
de rojo, verde y azul que representa
ese color recuerda y lluego lo mapeas
usando una Funcion a un nuevo
valor de rojo, verde, y azul. Digamos
que quieres uan imagen más obscura
una forma de hacer eso tomando los valores
el rojo, verde y azul
que entran y substraimos de cada uno
valor X de 50 obiamente no puedes
hacer menos que cero pero solo subtraes
50 de cada uno y eso es el resultado
entonces el entrante es RGB y el
resultado es R menos 50, G menos 50
y B menos 50.Y lo que vez es
tomaste una imagen con cierto brillo y
obtuviste una imagen más obscura de
brillo
Lo que mucha gente no se da cuenta de
Instagram es que inicialmente
la gente penso que era llenar una imagen
hacer que las imagenes se vieran padres
en diferentes formas o antiguas
y lo que aumento es en algo mas
importante
la forma en
que la gente se conecta
y no es solo ver fotos de tus amigos o
familia sino actualmente
es la disponibilidad de descubrir cosas
alrededor de ti o del mundo
ya sea una huelga del otro lado del mundo
un movimiento social. Eres basicamente
capaz de consumir esa informacion
en una manera visual
y eso nos dio la oportunidad de crecer
rapidamente y ser una
plataforma universal
A propos des pixels
Bien
J'ai créé instagram avec mon associé Mike,
Au début nous voyions les mobiles
comme un moyen de créer un truc nouveau.
Pour la première fois, les gens avaient un
ordinateur sur eux. Nous avons décidé
que de partager des images était la plus grosse
opportunité pour les cinq prochaines années
Et nous avions à coeur cette opportunité.
Nous voulions y passer du temps. C'est
bien de se dire qu'on a une appli qui fait
des trucs, mais à moins que ça ne résolve un vrai
problème pour les gens, ils ne l'utiliseront pas.
Et la question devient: Quels problèmes
résolvez vous? (Piper - Photographe) Quand
les gens se sont pour la première fois
confrontés au problème de comment montrer une image
sur un écran, ils ont du trouver un moyen
de décomposer une image en données. En 1957,
un ingénieur informatique du nom de Russel Kirsch
a pris une photo de son jeune fils et l'a scanné
C'était la première image numérique, une image
en noir et blanc granuleuse-- Et c'est
comme ça que le pixel est né! Les pixels sont un concept
intéressant parce qu'on ne peut pas les distinguer très facilement.
Mais en fait, si vous prenez une loupe et que vous
vous approchez de l'écran, vous pouvez
voir que votre écran est fait de minuscules points
de lumière. Ce qui est encore plus intéressant est
que ces minuscules points de lumière sont en fait
eux même composés de plus petits points de différentes
couleurs. Il en a des rouges, des verts et
des bleus. De loin, ces pixels créent une image et
de près ce sont juste des petites lumières qui
s'allument plus ou moins. Leur combinaison créé
des images et tout ce que vous voyez
chaque jour sur vos écrans. Ensuite vous
allez beaucoup entendre parler de résolution, autant
en informatique que chez les constructeurs d'appareils
La résolution est simplement les dimensions par
lesquelles vous pouvez mesurer combien
de pixels sont sur l'écran. Quand j'étais
lycéen, la résolution était de 640
par 480 pixels. Et aujourd'hui la résolution des images
est beaucoup plus importante. Et il n'y a pas seulement
la résolution, mais aussi de la densité. Par exemple,
sur les smartphones modernes, ils casent le même nombre
de petites lumières appelés pixels, mais sur un espace plus
dense, et c'est ce qui permet d'obtenir des images plus
précises. Maintenant, comment stocker les valeurs d'un
pixel dans un fichier? Ce qu'il faut faire c'est
de stocker le rouge, le vert et le bleu dans
des triplets. Avec des valeurs différentes
qui représentent un seul pixel. Les valeurs vont de 0 à 255.
Plus on s'approche de 0, plus c'est sombre,
plus on s'approche de 255, plus c'est lumineux.
Des triplets de ces valeurs représentent un pixel. Un
fichier image, que ce soit un jpeg, gif, png, etc contient
des millions de ces triplets RGB (red-green-blue)
Alors comment un ordinateur stocke ces données?
Toutes les données informatiques et visuelles sont
représentées en bits. Un bit a deux états: soit il est
allumé, soit il est éteint. Mais à la place d'allumé
ou éteint, les ordinateurs utilisent 1 et 0 -- le binaire!
Une image n'est qu'un tas de 1 et de 0.
Mais pourquoi les valeurs RGB vont de 0 à 255? Il se
trouve que chaque canal de couleur, RGB, est représenté
par 8 bits, qui forment ce qu'on appelle un octet.
Si vous connaissez le système binaire, vous
savez que le plus grand nombre que vous pouvez représenter
avec 8 bits est 255. 255, c'est une rangée de huit 1.
Et le plus petit est 0, soit une rangée de huit zéros. C'est
pourquoi l'intervalle de 0 à 255 nous donne 256 intensités
différentes par canal de couleur. On peut représenter
un pixel de couleur turquoise par exemple,
dans notre système traditionnel de numération comme 64
(pour un peu de rouge), 224 (pour beaucoup de
vert), et 208 (pour un peu de bleu). Mais un ordinateur
l'aurait stocké ainsi: 0100 0000 1110 0000
1101 0000. On utilise 24 chiffres binaires pour juste
représenter ce pixel. Alors à la place du binaire, les artistes
utilisent plutôt le système hexadécimal pour représenter
les couleurs. Afin de pouvoir représenter la
même couleur turquoise en utilisant seulement six chiffres
hexadécimaux: 40 E0 D0. Ce qui est bien plus court.
Imaginons que vous voulez modifier les couleurs
d'une image. Comment allez vous faire ça? Il existe
des fonctions de mapping qui prennent la
valeur d'entrée du pixel. Vous prenez
les valeurs du rouge, du vert et du bleu,
qui représentent cette couleur. Puis vous
utilisez ces fonctions pour obtenir de nouvelles valeurs
de rouge, de vert et de bleu. Imaginons que vous vouliez rendre une
image plus sombre. Une manière de le faire est de
prendre les valeurs de rouge, de vert et de bleu qui
arrivent et de soustraire une constante fixe
à chacune d'elles, disons moins 50.
Bien sûr vous ne pouvez pas aller au dessous de 0,
mais vous pouvez soustraire 50 de chacune d'elles et c'est
la valeur de sortie. Donc l'entrée est R, G, B et la sortie
est R-50, G-50, B-50. Ce que vous verrez c'est que vous avez
pris une image avec une certaine luminosité,
et vous récupérez une image beaucoup plus
sombre. Ce que beaucoup de personnes ne réalisent
pas à propos d'instagram, c'est qu'à l'origine les gens pensaient
que c'était un moyen pour appliquer des filtres sur
les images, rendant ainsi les images plus stylées, ou
plus retro. Et ce qu'Instagram est devenu est en fait
beaucoup plus important, c'était un moyen de connecter
des gens. Il ne s'agit pas seulement de voir des photos
de vos amis et de votre famille, mais en fait
d'être capable de découvrir des choses qui se passent partout
dans le monde. Que ça soit une émeute à l'autre bout du monde
ou un mouvement social, vous pouvez consommer
cette information de manière visuelle.
Et c'est ce qui nous a permis de croître très rapidement
et de devenir une plateforme universelle.
Apprenez en plus sur studio.code.org
Svolítið um díla
(myndavél smellur) Fínt.
Ég bjó til Instagram ásamt félaga mínum
Mike. Upphaflega sáum við í farsímanum
tækifæri til að skapa eitthvað nýtt. Því
í fyrsta skipti var fólk á ferðinni með
tölvu í vasanum. Og við ákváðum
að það að deila myndum væri líklega
stærsta tækifærið næstu fimm árin og
eitthvað sem lá okkur nærri hjarta,
eitthvað sem við vildum eyða tíma í. Það
er fínt að segja að maður sé með app eða
hugmynd sem gerir x, y eða z, en ef það leysir
ekki raunverulegt vandamál mun fólk ekki nota það. Og spurningin er: Hvaða vandamál ertu að leysa?
(Piper - Ljósmyndari) Þegar fólk stóð fyrst frammi fyrir því hvernig ætti að sýna mynd
á skjá, varð að finna upp aðferð til að
umbreyta myndinni í gögn. Árið 1957
tók einn af fyrstu tölvunarfræðingum, Russel Kirsch, mynd af umgum syni sínum og skannaði
hana. Það var fyrsta stafræna myndin, kornótt svart-hvít ungabarnamynd -- og þannig varð
díllinn til! Dílar eru athyglisverð hugmynd
því að maður sér þá ekki mjög auðveldlega.
En samt ef þú notar stækkunargler og ferð
alveg upp að skjá getur þú séð að í raun er
skjárinn samsettur af örsmáum punktum af ljósi. Það sem er enn áhugaverðara er að þessir
litlu ljósdílar eru í raun margir litlir dílar af ljósi í mismunandi litum.
Það er rauður, grænn og blár. Dílarnir til samans, úr fjarlægð, búa til mynd en í reynd eru
þeir bara lítil ljós sem eru kveikt eða slökkt. Til samans skapa þeir myndir og
það sem þú sérð hvern einasta dag þegar
þú notar tölvuna. Þú átt eftir að heyra
orðið upplausn mjög mikið, bæði í tölvunarfræði
og framleiðendur tækja munu tala
um hana. Upplausn er í grunninn þær víddir
sem þú getur notað til að mæla hve margir
dílar eru á skjánum. Hér áður þegar ég var í framhaldsskóla var hún 640 sinnum
480 dílar. Í dag er hún miklu meiri.
Og svo snýst þetta ekki bara um upplausn
heldur líka þéttleika. Til dæmis hafa farsímar
í dag sama fjölda lítilla ljósa
sem nefnast dílar en í samanþjappaðra
rými og það er það sem gefur manni skarpari
myndir. Svo hvernig vistar maður þessi gildi
í skrá? Það sem maður gerir er að vista
rauð, græn og blá gildi í litlum
þrenningum. Með mismunandi gildum
sem hvert myndar einn díl. Gildin ná frá 0
til 255. 0 mundi vera mjög dimmt,
255 mundi vera mjög bjart. Þrenning
svona gilda saman myndar einn stakan díl.
Myndskrá, hvort sem það er jpeg, gif, png, o.s.frv., inniheldur miljónir af þessum RGB (rautt-grænt-blátt)
þrenningum. Svo hvernig geymir tölvan öll þessi gögn? Öll tölvu- og myndgögn eru
táknuð með bitum. Biti hefur tvær stöður:
hann er á eða hann er af. En í stað á og af
nota tölvur 1 og 0 - tvíundir! Myndskrá er í raun bara safn af 1 og 0.
En af hverju eru RGB gildi frá 0 til 255?
Í raun er hver rás litar, RGB, er táknuð
með 8 bitum, sem saman er nefnd bæti.
Ef þú þekkir tvíundarkerfið þá veistu
að hæsta talan sem 8 bitar geta táknað er 255. 255 er sama og átta 1 í röð.
Og sú lægsta er 0 eða átta 0 í röð. Þess
vegna gefur 0 til 255 okkur 256 mismunandi
styrkleika fyrir hverja litarás. Við getum
táknað díl með litnum túrkís til dæmis
í okkar hefðbundna tugakerfi sem 64 (fyrir smá rautt), 224 (fyrir mikið af grænu)
og 208 (fyrir blátt). En tölva mundi vista
hann sem 0100 0000 1110 0000
1101 0000. Við notum 24 tvíundarstafi til að tákna þennan eina díl. Svo að frekar en nota tvíundir
nota stafrænir listamenn oft sextándakerfið (hex) til að tákna liti. Þá getum við táknað sama
litinn túrkís með aðeins sex hexstöfum: 40 E0 D0. Sem er miklu styttra,
Segjum að þú viljir breyta litum myndarinnar. Hvernig gerir maður það? Í grunninn þá
eru vörpunaraðferðir sem hafa fyrir inntak gildi dílsins. Svo maður tekur inn
rautt, grænt og blátt gildi, sem táknar þann lit. Svo er þessu varpað
með reikningsaðferð yfir í ný rauð, græn og blá gildi. Segjum að við vildum gera
mynd dekkri. Ein leið að gera það er að taka rauðu, grænu og bláu gildin sem
koma fyrir og segjum við drögum fasta tölu frá hverju þeirra, segjum draga frá 50.
Að sjálfsögðu getum við ekki farið neðar en 0, en maður dregur bara 50 frá hverju þeirra og
það er útkoman. Svo að inntakið er R,G,B og útkoman er R-50, G-50 og B-50. Það sem þú
sérð er að þú hefur tekið mynd með vissa
birtu, og þú færð út mynd með miklu dekkri
birtu. Það sem margir átta sig ekki á með Instagram er að upphaflega hélt fólk
að það væri aðferð til að breyta myndum, til að láta myndirnar vera flottari á einhvern hátt eða
gamaldags. Og það sem það þróaðist í var í raun miklu mikilvægara, það var aðferð til að
tengja fólk. Það snýst ekki bara um að sjá
myndir af vinum og fjölskyldu, heldur
að geta uppgötvað hluti sem eru að gerast út um allan heim. Hvort sem það eru óeirðir erlendir,
samfélagshreyfing, þú getur innbyrt þessar upplýsingar á sjónrænan hátt.
Og það gerði okkur kleift að vaxa mjög hratt og verða alþjóðlegur vettvangur.
Lærðu meira á studio.code.org.
A proposito di Pixels
Bene
Ho creato Instagram con il mio co-fondatore Mike
All'inizio abbiamo guardato agli smartphone come ad un'opportunità per creare qualcosa di nuovo
Poiché per la prima volta le persone portavano con sé, nella borsa, il loro computer, abbiamo pensato
che condividere immagini era probabilmente la più grande opportunità per i successivi 5 anni,
poiché le immagini sono ciò che ci sta più a cuore, qualcosa a cui ci piace dedicare il nostro tempo.
È bello dire che hai una app o un'idea che fa x, y o z, ma se non risolve un
problema reale le persone non la useranno. La domanda è:
quale problema stai cercando di risolvere? I primi che si sono posti il problema di come mostrare un'immagine
sullo schermo, hanno dovuto trovare un modo per frammentare l'immagine in dati. Nel 1957,
uno dei primi ingegneri informatici, Russel Kirsch, scattò una foto di suo figlio neonato e ne fece una scansione
Era la prima immagine digitale: la foto in un bianco e nero, sgranata, fu allora
che nacque l'idea di pixel! I pixels sono concetti interessanti perché non si possono vedere facilmente.
Ma con una lente di ingrandimento vicino allo schermo possiamo realmente
vedere che lo schermo è fatto di tanti piccoli punti luminosi. Cosa ancora più interessante è che
quei piccoli punti di luce sono in realtà puntini luminosi di colore differente.
Per la precisione: rosso, verde e blu. I pixels insieme, visti da lontano, creano l'immagine,
d'altra parte sono solo piccole luci che si accendono e spengono. La loro combinazione crea
le immagini che vediamo sullo schermo tutte le volte che usiamo un computer. Avrai
sentito il termine "risoluzione" molte volte, in informatica: parleremo di ciò.
La risoluzione è la grandezza con la quale misuriamo il numero
di pixels su di uno schermo. Quando ero studente, la risoluzione era di 640 x 480 pixels.
oggi molto di più.
Ma c'è qualcos'altro oltre la risoluzione
è la "densità". Per esempio, i moderni smartphones hanno lo stesso numero
di pixels ma in uno spazio più denso (ristretto) e ciò permette di avere immagini più definite
Come memorizzare i valori dei pixels in un file? Ciò che dobbiamo memorizzare
in modo efficiente, sono i livelli (valori) di rosso, verde, e blu
in piccole triplette,
ognuno dei quali "colora" un singolo pixel. I valori variano da 0 a 255. 0 sta molto scuro
255 sta per molto chiaro. Le triplette di questi valori (livelli) compongono un singolo pixel. Un
file immagine, sia esso jpeg, gif, png, ecc. contiene milioni di queste triplette RGB (red-green-blue)
Ma come fa un computer a memorizzare tutti questi dati? Tutti i dati numerici e visuali sono
rappresentati da bit. Un bit possiede due stati: è on oppure è off. Ma al posto di "on" o
"off", i computers usano 1 e 0 -- cifre binarie! Un file immagine è una sequenza di 1 e 0.
Come mai i valori RGB vanno da 0 a 255? Ricordiamo che ogni ogni colore del canale, RGB, è rappresentato
da 8 bit, che insieme sono chiamati byte. Se conosci il sistema di numerazione binario, saprai
che il massimo numero intero rappresentabile con 8 bit è 255. 255 equivale a otto 1 su una riga (11111111)
Ed il più piccolo intero è 0 che equivale a otto 0 su una riga (00000000). QWuindi, tra 0 e 255 avreo 256 differenti
intensità di colore per ogni canale. Rappresentiamo un pixel di colore "turchese" ad esempio:
nel nostro sistema decimale ha 64 di rosso, 224 di verde,
e 208 di blu. Ma il computer lo avrà memorizzato come 0100 0000 - 1110 0000
1101 0000. Abbiamo usato 24 cifre binarie per rappresentare un solo pixel. Al posto del sistema binario,
nella digital art spesso si usa il sistema di numerazione esadecimale per rappresentare i colori. Così possiamo rappresentare
lo stesso colore "turchese" usiamo sono sei cifre esadecimali: 40 E0 D0. Che è molto più breve.
Vediamo ora come modificare i colori di una immagine. Come farlo? Per prima cosa
ci sono molte funzioni che trasformano il valore dei colori dei pixel. Prendiamo
un input fatto dei valori di rosso, gerde e blu, che rappresentano il colore. Quindi li trasformiamo
usando una funzione per ottenere nuovi valori di rosso, verde e blu. Se Vogliamo trasformare
una immagine e renderla più scura, possiamo prendere i valori di rosso, verde e blu
e sottrarre ad essi un valore costante, diciamo 50
Non possiamo "andare" sotto-zero, ma sottraendo 50 ad ognuno di essi otteniamo
il risultato. Se l'input è R, G, B il risultato sarà R-50, G-50 e B-50. Vederemo
che da una immagine luminosa otterremo una immagine più scura
Ciò che molte persone non sanno su Istagram è che inizialmente le persone pensavano
che fosse un modo modificare le immagini, facendole di aspetto più accattivante o più retrò
Ma ciò che è diventato è più importante, è un modo per le persone
di tenersi in contatto. Non è solo possible vedere le foto dei tuoi amici e dei tuoi familiari, ma
è possibile cercare e trovare eventi e accadimenti in tutto il mondo. Che si tratti di una rivolta,
un movimento sociale, siamo in grado di fruire di queste informazioni in forma visuale.
E ciò ci ha permesso (Istagram) di crescere molto rapidamente e di diventare una piattaforma univarsale.
Approfondisci su studio.code.org
CSP
(コンピューター・サイエンスの基礎)
「ちょビットだけ ピクセル について」
いいね
私がマイクとインスタグラムを設立したのは
モバイルに新たな機会を見いだしたからです
はじめて日常的にコンピューターを
携帯するようになったわけですから
中でも 画像の共有 が近い将来 有望で
またやりがいのあることだと思ったのです
なんでもできるアプリは
一見魅力的かもしれません
でも現実的な問題を解決しないと
誰も利用しないでしょう
そこで考えなければならいのは
「あなたは何を解決するか」です
「画面上に画像を表示する」という問題の
解法は 絵をデータにする ことでした
1957年 エンジニアのカーシュは
自分で撮った写真をスキャンしました
この荒い白黒の赤ん坊が 世界初のデジタルイメージ
こうしてピクセルは生まれたのです
「ピクセル」は興味深い概念です
ちょっと見ただけではわかりませんが 画面を
ズームすると小さな光る ドット(点) が見えます
さらにズームすると ドットがさらに小さな
赤 緑 青 に光るドットなのがわかります
ピクセルが組み合わされると1枚の画像ですが
近くで見るとただの点滅するライトです
普段目にするコンピューター画像は
すべてこうしてできているのです
最近「解像度(レゾリューション)」という
言葉をいたる所で耳にしますよね
解像度は 基本的に画面上の
ピクセル数のことです
私が学生の頃は ヨコ640個タテ480個 ぐらい
でもいまはもっと大きくなっています
近年「密度」の重要度も増しています
スマホとノートPCでは ピクセル数は
同じでも密度がちがうのです
この例では スマホの密度が高いので
画像はよりシャープです
ではピクセルの値はどうファイル化
されているのでしょう
赤 緑 青 の3つの値があり
その3つが組み合わさって
ピクセル1つを表しています
値は0〜255の範囲で
0は暗く 255に近づくほど明るく
3つの値1組で 1つのピクセルを表します
画像ファイルの JPEG も GIF も PNG も中身は
すべて<3つの値>の集合体からできたデータです
デジタルの世界のデータは
すべて ビットで表されます
ビット は常に オン か オフ
それをコンピューターは
1 か 0 のバイナリー(2進法)として扱います
つまり画像ファイルは
たくさんの 1 と 0 でできているわけです
でも 赤 緑 青 の値は0~255だったはず
どうしてでしょう?
じつはそれぞれ ビット8個の値だったのです
ビット8個で 1バイト になります
2進法でビット8個の最大値は1が8個
(11111111)で10進法の255となり
すべてが0(00000000)のゼロが最小値になります
そういうわけで0から255まで
256の濃淡が存在することになります
ターコイズ(青緑)色のピクセルの例です
10進法ではそれぞれ
赤64 緑224 青208 です
でもコンピューター内では2進法なのでーー
01000000 11100000 11010000
ーーと扱います
この例では1つのピクセルに
24ビット分もの数字がつかわれています
そこでプロは16進数を代わりに用います
すると同じ色でも 40 E0 D0 と表せます
すごく短縮できたでしょ
画像の色を変えるには
どうすればいいのでしょう
基本的には、色の値を変更する
関数(ファンクション)を用います
ある色のピクセルが入力され 関数を通過し
新たな色として出力されます
色を暗くする一例です
決まった数(定数)を赤緑青から引きます
例として定数を50にします
もちろん0以下にはできませんが
赤 ー 50 緑 ー 50 青 ー 50
とそれぞれ引いていくと
暗くなったのがわかると思います
[ビフォー] [アフター]
インスタグラムは レトロ調のフィルター
機能など 見た目が注目されがちですが
もっと大切な存在になれたと思っています
それはひとびとを互いにつなげた ことです
家族や友達とだけ画像をシェアするだけでなく
世界中の出来事に触れる場になりました
さまざまな社会的な出来事やムーブメントを
画像を通して体験しているのです
だからこそ我々は急成長し
世界中で利用されているのだと思います
რამდენიმე ბიტი პიქსელებზე
(კამერა ჩხაკუნობს) კარგია.
ინსტაგრამი მე და მაიკმა დავაფუნეთ.
მობილური ტელეფონი ჩვენთვის ახლის შექმნის
საშუალება იყოს. თავიდან
ხომ ადამიანები ჯიბით კომპიუტერებს ატარებდნენ.
გადავწყვიტეთ,
რომ ფოტოების გაზიარება ალბათ შემდეგი ხუთი
წლის უდიდესი შესაძლებლობა იქნებოდა.
ეს მიზანი გულთან ახლოს მივიტანეთ, გვინდოდა,
ამაზე დიდი დრო დაგვეხარჯა.
კარგია, როცა გაქვს აპლიკაცია ან იდეა, რომელსაც
შეუძლია x, y ან z მაგრამ მნიშვნელოვანი მხოლოდ
ისაა, ჭრის თუ არა ის ადამიანების ამა თუ იმ
პრობლემას. მთავარი კითხვაა, რა არის
პრობლემა? (პაიპერი - ფოტოგრაფი) როცა
ადამიანები დაფიქრდნენ იმაზე, თუ როგორ აჩვენონ ფოტო
ეკრანზე, მოუწიათ, სურათი მონაცემებად დაენაწილებინათ.
1957 წელს
კომპიუტერულმა ინჟინერმა, რასელ კირჩმა, თავისი
ახალშობილი ვაჟის ფოტო გადაიღო
და დაასკანერა. ეს იყო პირველი ციფრული ფოტო,
შავ-თეთრი, მარცვლოვანი სტრუქტურის. აი, ასე
გაჩნდა პიქსელი! პიქსელი საინტერესო კონცეპტია,
მათი დანახვა ადვილი არაა, მაგრამ
ეკრანს თუ გამადიდებელი შუშით დააკვირდებით,
დაინახავთ, რომ ის
შუქის პატარა წერტილებისგან შედგება.
უფრო საინტერესო ისაა, რომ
ეს წერტილები სინამდვილეში კიდევ ბევრი პატარა,
სხვადასხვა ფერის წერტილისგან შედგება.
ეს ფერებია წითელი, მწვანე და ლურჯი. პიქსელები
ერთად ქმნიან სურათს და ახლოდან მხოლოდ
პატარა შუქები არიან, რომლებიც ინთებიან და
ქვრებიან. მათი კომბინაცია ქმნის
სურათებს, რომლებსაც კომპიუტერის ეკრანზე
ყოველ დღე ხედავთ. ალბათ, ტერმინი
რეზოლუციაც გაგიგიათ, როგორც კომპიუტერულ
მეცნიერებაში, ისე მოწყობილობათა რეკლამებში.
რეზოლუციით, პრინციპში, შეგვიძლია,
გავზომოთ, რამდენი
პიქსელია ეკრანზე. როცა სკოლის მოსწავლე
ვიყავი, ეკრანს 640 X 480
პიქსელი ჰქონდა. დღეს ეს რიცხვი გაიზარდა.
ლაპარაკია უკვე არა მარტო რეზოლუციაზე,
არამედ სიმკვრივეზე. მაგალითად,
თანამედროვე სმარტფონებზე იმდენივე
პიქსელის დატევა შეიძლება, მაგრამ უფრო მცირე
ფართობზე, რაც უფრო მკაფიო გამოსახულებას
გვაძლევს. როგორ უნდა შევინახოთ ამდენი
მნიშვნელობა ფაილში? უნდა შევინახოთ
წითელი, მწვანე და ლურჯი მნიშვნელობები, როგორც
სამეული. ეს მნიშვნელობები ერთ
პიქსელს შეადგენს. მნიშვნელობები იწყება 0-ით
და 255-ით მთავრდება. 0 ყველაზე ბნელია,
255 - ყველაზე ნათელი. ამ მნიშვნელობების
სამეული შეადგენს ერთ პიქსელს. სურათი ფაილი,
jpeg, gif, png თუ სხვა ფორმატში, მილიონობით
ასეთ RGB (წითელი, მწვანე, ლურჯი) სამეულს
შეიცავს. როგორ ინახავს კომპიუტერი ამდენ
მონაცემს? ყველა კომპიუტერული ან ვიზუალური
მონაცემი არის ბიტი. ბიტს ორი მდგომარეობა აქვს:
ის ან ჩართულია, ან გამორთული. ჩართვა-გამორთვის
მაგივრად კომპიუტერი იყენებს 1-სა და 0-ს... ორობითი
სისტემას! სურათი სინამდვილეში 1-ების და 0-ების ნაკრებია.
რატომ მერყეობს RGB მნიშვნელობები 0-იდან 255-მდე?
აღმოჩნდა, რომ თითეული ფერი წარმოდგენილია 8
ბიტით, ანუ, ჯამში, ბაიტით. ორობით სისტემაში
თუ ერკვევით, გეცოდინებათ, რომ
8 ბიტს შეუძლია, წარმოადგინოს მაქსიმუმ 255.
255 უდრის რვა 1-ს თითო რიგში.
ყველაზე დაბალი რიცხვია 0, ანუ, რვა 0 რიგში.
ანუ, 0-დან 255-მდე არის 256 განსხვავებული
ინტენსივობა თითო ფერისთვის. მაგალითად,
ფიქუზისფერ პიქსელს ჩვენს ტრადიციულ
ათობით სისტემაში წარმოვადგენდით როგორც
64-ს (ცოტა წითელისთვის), 224-ს (ბევრი
მწვანესთვის) და 208-ს (ლურჯისთვის), მაგრამ
კომპიუტერი ამას დაიმახსოვრებდა, როგორც
0100 0000 1110 0000
1101 0000-ს. ასეთ პიქსელს 24 ორობითი ციფრითაც
წარმოვადგენთ. ორობითის მაგივრად, ციფრული
ფოტოგრაფები ფერების წარმოსადგენად
თექვსმეტობით სისტემას იყენებენ. ეს ფერი
ექვსი თექვსმეტობითი ციფრით შეგვიძლია,
წარმოვადგინოთ: 40 E0 D0. გაცილებით მოკლეა.
ვთქვათ, გვინდა, შევცვალოთ სურათის ფერები.
ამას როგორ ვაკეთებთ?
შეგვიძლია, შევადგინოთ ფუნქცია პიქსელის
თავდაპირველი მნიშვნელობისთვის. აი, ვიღებთ
წითლის, მწვანესა და ლურჯის მნიშვნელობებს,
ანუ, ფერს. შემდეგ მას ვცვლით
ფუნქციით და ვიღებთ ახალ წითელს, მწვანესა და
ლურჯს. ვთქვათ, გვინდა, სურათი დავაბნელოთ.
ამის გაკეთების ერთი გზაა წითლის, მწვანესა
და ლურჯი მნიშვნელობების აღება და, ვქვათ,
თითოეული მათგანისგან იგივე რიცხვის,
მაგალითად, 50-ის, გამოკლება.
0-ზე ქვემოთ, ცხადია, ვერ ჩავალთ, მაგრამ
შეგვიძლია, სამივეს 50 გამოვაკლოთ და
მივიღოთ ახალი რიცხვები. გვქონდა R, G, B და ახლა
გვაქვს R-50, G-50, B-50. ანუ, გვქონდა სურათი
რაღაც განათებით და მივიღეთ სურათი
ნაკლები განათებით.
ადამიანების დიდ ნაწილს თავიდან ინსტაგრამი
სურათების
დამუშავების, გალამაზების,
დაძველების საშუალება ეგონა.
მას დღეს უფრო მნიშვნელოვანი ფუნქცია აქვს,
ის ადამიანებს
აკავშირებს. აქ შეგიძლიათ არა მხოლოდ მეგობრების
და ოჯახის ფოტოების ნახვა,
არამედ მთელი მსოფლიოს მოვლენებისთვის
თვალის დევნება. აჯანყება ოკეანის გადაღმა,
სოციალური მოძრაობა, ყველაფერს ვიზუალურად
აღიქვამთ.
ამიტომაც გავიზარდეთ ასე მალე და
უნივერსალურ პლატფორმად გადავიქეცით.
გაიგეთ მეტი აქ: studio.code.org
좋아
저는 공동창립자 마이크와 함께 인스타그램을 만들었습니다
처음에 저희는 핸드폰을 새로운 무언가를 만들어 낼 수 있는 기회로 보았어요
왜냐하면 처음으로 사람들은 주머니에 컴퓨터를 가지고 다녔기 때문이죠
그리고 이미지를 공유하는 것이 향후 5 년 동안
가장 큰 기회가 될 것이고,
그것이 우리가 시간을 보내고 싶은 소중한 것이라는
판단을 했습니다
SEDIKIT tentang pixel
(tekan kamera) Bagus.
Saya telah mencipta Instagram dengan pengasas bersama saya
Mike, awalnya kami lihat telefon bimbit sebagai peluang untuk mencipta sesuatu yang baru. Sebab
untuk pertama kalinya orang membawa komputer ke mana saja di dalam poket mereka. Dan kami memutuskan
yang berkongsi imej mungkin merupakan peluang terbesar bagi lima tahun akan datang, dan suatu
yang dekat dengan hati kita, sesuatu yang kita mahu habiskan masa kita dengan. Ianya
hebat untuk dikatakan kamu ada aplikasi atau idea yang buat x, y atau z tetapi melainkan ia selesaikan
masalah sebenar untuk orang mereka takkan gunakannya. Dan persoalannya ialah: Apakah masalah
yang kamu selesaikan? (Piper-Jurugambar) Bila orang mula hadapi masalah untuk memaparkan gambar
pada skrin, mereka perlu dapatkan cara untuk memecahkan imej ke data. Pada 1957,
jurutera komputer terawal bernama Russell Kirsch telah mengambil gambar bayi lelakinya dan mengimbasnya.
Ia merupakan gambar digital pertama, sebuah gambar bayi hitam putih yang kasar-- dan itulah
bagaimana pixel dilahirkan! Pixel adalah suatu konsep yang menarik kerana anda tidak dapat lihatnya dengan mudah.
Tapi sebenarnya, jika kamu mengambil kanta pembesar dan kamu pergi ke skrin kamu sebenarnya boleh
lihat yang skrin kamu dibuat daripada dot-dot kecil cahaya. Yang lebih menarik lagi ialah
dot-dot kecil cahaya tersebut sebenarnya merupakan pelbagai dot kecil cahaya daripada warna
yang berbeza. Ada merah, hijau, dan biru. Pixel secara keseluruhan, dari jauh, mencipta imej dan
secara depan mereka hanyalah cahaya kecil yang menyala dan tidak. Kombinasi kesemuanya mencipta
imej dan apa yang kamu lihat di skrin kamu setiap hari kamu menggunakan komputer kamu. Jadi kamu akan
kerap mendengar terma resolusi, kedua-dua sains komputer dan pengeluar driver akan
bercakap berkenaannya. Resolusi ialah secara asasnya dimensi dimana kamu boleh mengukur sebanyak mana
pixel pada skrin. Jadi dulu sewaktu saya seorang pelajar sekolah menengah, ianya 640
dengan 480 pixel. Dan harini ia lebih besar. Dan ada persoalan bukan saja tentang
mengenai resolusi, tetapi juga ketumpatan. Misalnya, di telefon pintar moden mereka muatkan sama jumlah
cahaya kecil yang digelar pixel tetapi di dalam ruang yang padat and inilah yang membolehkan kamu mendapat imej
yang lebih tajam. Sekarang, bagaimana kamu menyimpan nilai pixel di dalam fail? Apa yang kamu buat ialah kamu
menyimpan nilai merah, hijau dan biru di dalam triplet kecil, secara efektif. Dengan nilai berbeza
yang setiap satunya menjadi satu pixel. Nilai merangkumi dari 0 hingga 255. 0 akan menjadi sangat gelap,
255 akan menjadi sangat terang. Nilai triplet bersama tersebut menjadi satu pixel. Satu
fail imej, tak kira ianya jpeg, gif, png, dll. mengandungi jutaan triplet RGB (red-green-blue)
Jadi bagaimana computer menyimpan kesemua data tersebut? Semua data pengkomputeran dan visual
diwakili oleh bit. Satu bit ada 2 keadaan: buka atau tutup. Tapi sebalik daripada buka atau
tutup, komputer menggunakan 1 dan 0 -- binari! Satu fail imej adalah sebenarnya sekumpulan 1 dan 0.
Tapi kenapa nilai RGB bermula dari 0 ke 255? Rupa-rupanya setiap saluran warna, RGB, diwakili
oleh 8 bit, yang dipanggil satu byte. Jika anda tahu sistem nombor binari, anda
tahu bahawa nombor maksimum yang boleh diwakili oleh 8 bit ialah 255. 255 bersamaan dengan lapan 1 di dalam satu baris.
Dan paling rendah ialah 0 atau lapan 0 di dalam baris. Lantaran, 0 ke 255 memberi kita 256 jenis
intensiti setiap saluran warna. Kita boleh mewakilkan satu pixel warna turquoise contohnya,
dalam sistem nombor decimal tradisional kita sebagai 64 (untuk sedikit merah), 224 (untuk banyak
hijau), dan 208 (untuk sedikit biru). Tetapi komputer akan menyimpannya sebagai 0100 0000 1110 0000
1101 0000. Kita guna 24 digit binari bagi mewakili satu pixel. Jadi daripada binari, artis
digital selalunya guna sistem nombor hexadecimal bagi mewakili warna. Jadi kita boleh mewakilkan
warna turquoise yang sama menggunakan hanya enam digit hexadecimal: 40 E0 D0. Yang lebih ringkas.
Katakan kamu mahu ubah suai warna sesuatu imej. Bagaimana kamu lakukannya? Pada dasarnya. ada
pelbagai cara memetakan fungsi dimana kamu mengambil nilai input pixel. Jadi kamu ambil
nilai input merah, hijau, dan biru yang mewakili warna tersebut. Kemudian kamu petakannya
menggunakan suatu fungsi ke nilai merah, hijau, dan biru yang baru. Katakan kamu mahu membuat
imej yang lebih gelap. Satu cara bagi melakukannya adalah dengan mengambil nilai merah, hijau, dan biru yang
dimasukkan dan katakan tolak pemalar tetap dari setiap satu, contohnya tolak 50.
Jelas sekali yang kamu tidak boleh pergi bawah 0, tapi kamu hanya menolak 50 dari setiap satu dan itulah
outputnya. Jadi inputnya ialah M, H, B dan outputnya ialah M-50, H-50, B-50. Apa yang anda bakal lihat ialah anda telah
mengambil imej dengan kecerahan tertentu, dan anda dapat imej yang lebih gelap.
Apa yang ramai orang tak sedar ialah tentang Instagram yang pada asalnya orang fikir
hanyalah sebagai cara menapis imej, membuat imej kelihatan hebat dalam cara tertentu atau
retro. Dan apa yang ia bercambah menjadi adalah lebih penting, ia adalah cara orang
berhubung. Ia bukan saja pasal melihat foto rakan dan keluarga anda, tetapi sebenarnya
kebolehan meneroka perkara yang terjadi di serata dunia.
Samada ianya rusuhan di luar negara,
pergerakan sosial, anda boleh pada dasarnya mendapat maklumat dalam kaedah visual.
Dan itu membolehkan kita untuk berkembang dengan pesat dan menjadi platfom yang universal.
Belajar dengan lebih lanjut di studio.code.org.
Iets over Bits en Pixels
(camera klikt) Goed.
Ik heb Instagram gemaakt samen met Mike
we zagen de mobiele telefoon als een mogelijkheid om iets nieuws te maken.
voor het eerst liepen mensen rond met een computer in hun binnenzak, en we bedachten dat
zij het fantastisch zouden vinden wanneer ze hun foto's en plaatjes direct met elkaar konden delen.
We dachten: als we een App maken waarmee dit kan zullen heel veel mensen deze App gebruiken
Je kunt een App verzinnen waarmee je iets leuks of grappigs kan maar als deze App niet echt handig of
nuttig is gaat niemand 'm gebruiken.
De eerste vraag is: wat voor probleem ga ik oplossen.
Het probleem was, hoe kun je een foto op het scherm van je computer laten zien?
Om dat mogelijk te maken moet eerst het plaatje tot kleine stukjes data worden teruggebracht.
In 1957 nam computer programmeur Russell Kirsch een foto van zijn zoontje en maakte er een scan van.
Het was het eerste digitale plaatje, een korrelige zwart witte foto van een baby, en de pixel was geboren!
Pixels zijn heel interessant, je kunt ze makkelijk zien, en als je door een vergrootglas naar je scherm kijkt
zie je dat je scherm is opgebouwd uit hele kleine lichtpuntjes. Nog interessanter is
dat deze kleine lichtpuntjes eigenlijk bestaan uit een heleboel verschillende kleuren.
Ze zijn rood, groet en blauw. Pixels samengevoegd vormen van een afstandje een afbeelding en van dichtbij
zijn het niet meer dan lichtpuntjes die aan of uit staan. De combinatie van deze lichtpuntjes
maken het plaatje en dat wat je iedere dag op de scherm van je computer ziet.
In computer wetenschap en in computer winkels hebben ze het vaak over 'resolutie'.
Resolutie is in feite de maat waarmee je meet hoeveel pixels er op je scherm staan .
In de tijd dat ik op de middelbare school zat was het 640 bij 480 pixels.
Tegenwoordig is dit een stuk groter. En naast resolutie hebben we het ook over 'dichtheid'.
Bijvoorbeeld op een moderne smartphone zetten ze dezelfde hoeveelheid lichtpuntjes die we pixels noemen
maar in een kleinere ruimte dichter op elkaar. Om die reden zijn deze afbeeldingen scherper.
Waar sla je deze pixelwaarden van een bestand nu op? Je slaat de rode, groene en blauwe waarden op in
eenheden van drie. Een groepje van drie heeft dan de waarde van een enkele Pixel.
De waarde van een pixel loopt van 0 tot 255. 0 staat dan voor heel donker en 255 voor heel licht.
Drietallen met een bepaalde waarde vormen samen een enkele pixel.
Een afbeelding bestand of het nu een jpeg, gif of png is bestaat uit miljoenen van deze RGB
(rode-groene -blauwe) drietallen. Hoe bewaard een computer al deze data? Alle computer data
en visuele data worden vertegenwoordigd door bits. Een bit heeft twee tegenovergestelde waarden
aan of uit. Maar in plaats van aan of uit, zeggen we 1 en 0 -- binair! Een afbeeldingsbestand is eigenlijk niet meer
dan een verzameling 1tjes en nulletjes. Maar waarom gaan RGB waarden van 0 tot 255? Het blijk dat iedere
kleureenheid RGB, wordt vertegenwoordigd door 8 bits die samen een byte genoemd worden,
Als je het binair systeem kent, dan weet je dat 8 bits niet meer dan het maximale getal 255 kunnen
vertegenwoordigen. 255 is hetzelfde als 8 1tjes op een rij. Het laagste getal is 0 wat staat voor 8 nulletjes op een rij.
De waarden 0 tot 255, geven 256 verschillende kleur intensiteiten. Binnen ons traditionele decimale nummer
systeem kunnen we een pixel van de kleur turquoise vertegenwoordigen met het getal 64 (beetje rood)
224 (een heleboel groen) en 208 ( voor wat blauw erbij). Maar een computer zou dit opslaan als
0100 0000 1110 0000 1101 0000. We gebruiken 24 binaire cijfers om die ene pixel te vertegenwoordigen.
Liever dan de binaire cijfer reeks gebruiken digitale kunstenaars vaak het hexadecimale nummer systeem
om kleuren te representeren. Op deze manier kunnen we diezelfde kleur turqoise met maar zes hexadecimale
cijfers: 40 E0 D0 representeren, en dat is een stuk korter. Nu wil je de kleuren van het plaatjes iets veranderen.
hoe doe je dat dan.Er zijn verschillende manieren om dit te doen.
Laten we zeggen dat je een plaatje donkerder wilt maken. Een manier waarop je dat kan doen is mindere rood,
groen of blauw toevoegen. Je vermindert ieder kleur met 50, de helft minder rood, groen en blauw.
Je hebt er nu R(ood) G(roen) en B(blauw) ingestopt, en er komt R-50, G-50 en B-50 uit. Wat er nu is gebeurd is,
je hebt een afbeelding met een lichte kleur een heel stuk donkerder gemaakt.
Veel mensen dachten in eerste instantie over instagram dat het een App was waarmee je foto's kunt bewerken
Het programmaatje zorgt ervoor dat je eigen foto's er cool of retro uitzien. Maar uiteindelijk bleek Instagram
veel meer een App waarmee mensen zich met elkaar kunnen verbinden. Het gaat niet alleen om foto's bekijken
van vrienden en familie, maar het maakt het mogelijk om te zien wat er allemaal op de wereld gebeurt.
Of dat nu een ruzie is aan de andere kant van de oceaan, een nieuwe sociale beweging, je kunt deze informatie
bekijken. Dat maaket het voor ons mogelijk om heel snel het hele grote universele platform te worden wat we nu zijn.
Cate ceva despre Pixeli
Am creat Instagram imprune cu
co-fondatorul meu, Mike. Initial,
am vazut ca telefonul mobil este o oportunitate
pentru a crea ceva nou.
Pentru ca, pentru prima data,
oamenii isi tineu computer-ul in buzunar.
Am dechis ca distrubuirea fotografiilor era
probabil cea mai mare oportunitate pe urmatoii 5 ani.
Ceva ce puteam tine langa inimile noastre, ceva
cu care vrem sa ne pierdem timpul.
E usor sa spui ca ai o aplicatie sau o idee
care face x,y,z dar daca ele nu rezolva
o problema reala pentru oameni, ei nu
o vor folosi. Intrebarea e ce problema rezolvi?
Oamenii au o problema cand trebuie sa arate o poza
pe ecran , trebuia sa vina cu un mod de a
transforma fotografiile in date. In 1957, un inginer
a luat o poza normala cu fiul sau si a scanat-o.
Aceasta a fost prima fotografie digitala alb negru.
Si asa s-au nascut pixelii.
Pixelii reprezinta un concept interesant pentru ca
nu ii poti vedea usor.
Dar daca maximizezi o imagine pe un ecran,
poti vedea ca ecranul este facut din puncte mici de lumina.
Acele mici particule de lumina contin alte mici particule de lumina
de culori diferite - rosu, verde si albastru.
Pilexii vazuti de la departare formeaza o imagine.
Din fata sunt doar luminite micute.
Combinatia dintre ele creeaza imagini si tot ce vedeti
pe ecran in fiecare zi cand utilizati computer-ul.
Vei auzi mult termenul de rezolutie, programatorii si
manufactorii de device-uri vor vorbi despre ea.
Rezolutia este dimensiunea prin care poti calcula
cati pixeli are un ecran.
Cand eram eu elev, rezolutia era 640 pe 480.
Acum este mult mai mare.
Intrebarea nu este numai despre rezolutie,
ci si despre densitate.
Smartphone-ul modern are acelasi numar
de luminite numite pilexi intr-un spatiu mai mic.
Cum stochezi valuarea pixelilor intr-un fisier?
Stochezi valori rosii, verzi si albastre, tripleti cu
valori diferite ce realizeaza cate un pixel.
Valorile sunt de la 0 la 255.
0 va fi foarte intunecat si 255 va fi foarte stralucitor.
Tripleti din aceste valori fac un pixel.
Un fisier imagine, chiar daca e JPEG, GIF sau PNG
contine milioane de triplete RGB.
Cum poate un computer sa stocheze atatea date?
Datele digitale sunt numite BIT.
Un BIT poate fi On sau OFF - adica 1 sau 0.
Cod binar - deci o imagine este doar un sir de 1 si 0.
Dar de ce valorile RGB merg de la 0 la 255?
Fiecare canal RGB este reprezentat de 8 biti.
Impreuna, se numesc un Byte.
Daca stii sistemul binar, stii ca un Byte poate fi maxim 255.
Adica 8 cifre de 1 la rand. Cea mai mica valoare e 0.
Adica 8 de 0 intr-un rand.
Deci, vom avea de la 0 la 255, adica 256
de intensitati diferite pe culoare.
Putem reprezenta un pixel, de exmplu turcoaz
ca 64 rosu, 224 verde si 208 albastru.
Dar un computer il va stoca Rosu: 01000000
verde: 11100000 si albastru: 11010000.
Folosim 24 de cifre binare pentru a reprezenta
un singur pixel.
Putem folosi si sistemul hexadecimal pentru
a reprezenta culori.
Deci putem reprezenta acelasi turcoaz
folosind doar 5 hexadecimale.
40 E0 D0. Ce este mult mai scurt.
Haideti sa spunem ca vreti sa modificati
culorile imaginii. Cum faceti asta?
Sunt functii de unde iei valoarea pixelilor,
modifici valoarea de rosu, verde si albastru si
le amesteci, folosind o functie realizand o alta
valoare de culoare.
Sa spunem ca vreti sa faceti o imagine mai intunecata.
Putem lua valorile RGB si le supunem unor ecuatii.
Acum, vom scadea 50 din fiecare. Vom avea ca rezultat
R - 50, G - 50 si B - 50.
Introduceti o imagine luminata si rezultatul
este mult mai intunecat.
Ceea ce multa lume nu realizeaza despre Instagram e ca
ei cred ca e un program pentru a pune efecte si filtre pozelor
pentru ca imaginile sa arate cool sau retro. Dar s-a transformat
in ceva mai important - e un mod in care oamenii
sunt conectati. Nu e numai despre a vedea poze cu
prietenii tai sau familia, ci si despre
a vedea ce lucruri se intampla in jurul lumii.
Chiar daca e un raid sau o miscare sociala,
poti consuma informatia intr-un mod vizual.
Asta ne-a facut ca crestem foarte repede
devenind o platforma universala.
Invatati mai multe pe studio.code.org.
Disa gjera kryesore rreth PIxels
(kamera shtypet) Mire.
Unë e kam krijuar instagramin me bashkë themeluesin tim
Mike, ne e kemi pare pajisne mobile si nje mundesi per te krijuar dicka te re.
Sepse per heren e pare njerezit po e bartnin nje kompjuter ne xhepin e tyre. Dhe ne vendosem
se shperndartja e imazheve ishte mundesia me e madhe per pese vitet e ardhshme, dhe nje
te ciles ju permbajtem ne zemrat tona, dicka ne te cilen investuam kohen tone. Eshtë
shume mire të thuani se keni një aplikacion ose një ide e cila bën x, y ose z mirepo nese ajo nuk zgjedh nje problem
real per njerezit, ata nuk do ta perdorin ate. Dhe pyetja eshte? Cilin problem po e zgjidhni?
Kur njerezit u ballafaquan me problemin heren e pare, se si te shfaqin nje foto ne ekran, ata eshte dashtur qe te shpikin nje menyre te re
se si te ndajne foton ne te dhena. Ne vitin 1957,
nje inxhinier i shkencave kompjuterike i quajtur Russell Kirsch beri nje foto te femijut te tij dhe e skanoj ate.
Ajo ishte fotoja e pare digjitale, nje foto e nje bebe ne ngjyre te bardhe dhe te zeze - dhe keshtu
lindi pixeli i pare! Pikselet jane nje koncept interesant sepse nuk mund t'i shohesh shume lehte.
Por aktualisht, nese e merre nje llupe dhe shkon tek nje ekran mund t'i shohesh
se ekani yt perbehet prej katroreve te vegjel. Ajo se cka eshte me interesajte eshte se
keto pika te vogla te drites jane ne fakt nje grumbull i vogel i dritave te ndryshme.
Ka ngjyre te kuqe, te gjelbert dhe te kalter. Pikselet se bashku, krijojne nje foto.
Kombinimi i tyre krijon imazhet
dhe ajo se cka shihni ne ekran cdo dite kur e perdorni kompjuterin tuaj. Dhe do ta ndegjoni
termin rezolucion shume, edhe ne shkenca kompjuterike edhe prodhuesit e pajisjeve do te flasin per te.
Rezolucioni jane dimensionet permes te cilave e matim se sa piksela jane
ne nje ekran. Ne ditet e kaluara kur kam qene ne shkolle te mesme,
rezolucioni ka qene 640 me 480 piksel. Dhe sot eshte shume me i madh. Dhe sot ky numer eshte shume me i madh jo vetem ne rezolucion.
Per shembull ne telefonat modern i fusin numrin e njejte
te dritave te vogla te quajtura piksel mirepo ne nje vend me te densifikuar dhe kjo te mundeson te marresh foto me te pasterta.
Tani, si do t'i vendosesh keto vlera ne nje file? Ajo se cka ben eshte
te ndash ngjyrat e kuqe, te gjelberta dhe te kalterta. Me vlera te ndryshme
dhe secila do te beje nje piksel te vetem. Keto vlera mund te jene prej 0 deri ne 255. 0 do te ishte shume e erret
255 do te ishte shume e ndritshme. Keto vlera e perbjene nje piksel. Nje foto,
qofte ne formatin jpeg, gif, png etj. permban miliona nga keto kombinime RGB,
Pra si i pranon nje kompjuter te gjitha keto te dhena? Te gjitha te dhenat vizuale dhe kompjuterike jane
te perfaqesuara ose te paraqitura nga njesite e quajtuara bits. Nje bit ka dy gjendje:
i ndezur ose i ndalur, mirpo kompjuteret e perdorin 1 dhe 0 si gjuhe binare. Nje foto eshte nje grumbull 1 dhe 0
Mirepo pse vlerat RGB shkojne prej 0 deri ne 255? Cdo ngjyre brenda RBG paraqitet nga
8 bita, te cilat se bashku quhen bajt. Nese e dini sistemin binar te numrave, e dini se maksimumi i numrit 8 mund te reprezentohet me 255. 255 eshte baraz me 8.
-
Dhe me e vogla eshte 0 ose tete 0 ne nje rend. Prandaj, 0 dhe 255 te jep 256
intenzitete te ndryshme ne paleten e ngjyrave. Ne mund ta vendosim nje piksel per shembull,
ne sistemin tradicional decimal te numrave
Mirpo nje kompjuter duhet te vendoset ne 1011010100100
101010000. Ne i perdorim 24 numra binare per te perfaqsuar nje piksel. Prandaj, duke qene binare, digjital
artistet shpesh perdorin sistemin numerik heksadecimal per te perfaqesuar ngjyrat.
Prandaj ne mund ta paraqesim te njejten njgyre duke perdorur numra heksadecimal. Qe eshte shume me shkurte.
Le te themi se keni deshire te modifikoni ngjyrat e nje fotoje. Si do ta beni kete?
Ekzistojne menyra se si te hartoni funksionet kur merrni nje vlere hyrese nga nje piksel. Prandaj e merrni nje
vlere hyrese te kuqe, te gjelbert ose te kalter, qe e perfaqeson ate ngjyre. Pastaj
e vendosni ate funksion ne ate vlere pra. Le te themi se deshironi te beni nje foto me te erret.
Nje menyre se si mund ta beni ate eshte duke marrur vlerat e kuqe, te gjelberta dhe te kalterta qe vijne dhe te hiqni vlerat
deri ne 50.
Normalisht, nuk mund te shkoni me poshte se 0, mirpo vetem ndani 50 nga secila nga to dhe ky do te jete rezultati final.
Pra inputi eshte R,G,B dhe dalja eshte R-50, G-50, B-50. Ajo se cka do te shihni eshte se
keni marrur nje foto me te erret dhe e keni bere me te ndritur.
Ajo se cka shume njerez nuk e kuptojne per Instagramin eshte senjerezit kane menduar
ajo se cka ishte ishte nje menyre per te filtruar imazhet, per ti bere fotot tuaja te duken cool ne nje menyre ose
retro. Dhe ajo se cka ndodhi ne fakt ishte me e rendesishme, eshte se Instgramai u be nje menyre e re per t'i lidhur njerezit me njeri tjetrin
Nuk eshte vetem per te pare foto te shokeve dhe familjes tende, por ne fakt
eshte mundesi te zbulosh gjera te reja qe po ndodhin rreh e rrotull botes. Qofte nje proteste pertej ujerave,
nje levizje shoqerore, e ke mundesine ta konsumosh ate informacion ne nje menyre vizuale.
Dhe kjo na mundesoi neve qe te rritemi shume shpejte dhe te behemi nje platforme universale.
Meso me shume ne code.org
Biraz da Pixellerden bahsedelim.
Güzel.
İnstagram'ın kurucularından biriyim.
Mike, başlangıçta cep telefonlarını yeni bir şeyler tasarlama fırsatı olarak gördü. Çünkü
insanlar ilk defa bilgisayarlarını ceplerinde taşıyorlardı. Ve görüntü paylaşmanın
önümüzdeki beş yılın en büyük fırsatı olacağına karar verdik.
ve kalplerimize yakın tuttuğumuz bir şey, zaman geçirmek istediğimiz bir şey.
x, y ya da z yapan bir uygulamanız olduğunu söylemek harika. Ancak insanların önemli bir sorununu çözmezseniz
bunu kullanmazlar. Ve soru şu: Siz hangi sorunu çözüyorsunuz?
İnsanlar bir ekranda bir resmi nasıl gösterecekleri sorunuyla ilk kez karşılaştıklarında
resimi veri haline getirmenin bir yolunu bulmaları gerekiyordu. 1957 de
Russell Kirsch adında genç bir bilgisayar mühendisi, küçük oğlunun bir fotoğrafını çeker ve tarayıcıdan geçirir.
İşte bu puslu siyah beyaz bebek fotoğrafı ilk dijital imajdıgörüntüydü. ve böylece
Piksel kavramı ortaya çıktı. Piksel çok ilginç bir kavram çünkü onları kolaylıkla göremezsiniz.
Fakat bir büyüteç alıp ekrana yaklaştırırsanız, aslında ekranınızın
küçük ışık noktalarından oluştuğunu görebilirsiniz. Daha ilginç olansa
Bu küçük ışık noktaları aslında farklı renklerin çok çok küçük ışık noktalarından oluşur.
Bunlar kırmızı, yeşil ve mavidir. Pikseller beraberken ve uzaklaştırıldıklarında bir görüntü yaratırlar
ama bu sadece açık ve kapalı halde küçük ışıklardır. Bunların kombinasyonu
görüntüyü oluşturur ve bunu bilgisayarınızı kullandığınız her gün ekranda görürsünüz.
Трошки про
ПІКСЕЛІ
(клік камери) Чудово.
Я створив Instagram разом з співзасновником
Майком, спочатку ми бачили, що мобільні -
це можливість створити щось нове. Тому, що
перший раз люди почали носити з собою
компьютер в своїх карманах. І ми вирішили,
що ділитися фото - це, мабуть, найбільша
можливість на наступні п'ять років, і це
те, що було близько нашим серцям, щось,
на що ми хотіли витратити наш час.
Можна сказати, що в тебе є програма або ідея,
яка вирішує А, Б або В, але якщо вона не вирішує
реальну проблему для людей, вони не будуть
користуватись нею. Тоді питання: яку проблему
ви вирішуєте?
[ĐÔI ĐIỀU VỀ PIXELS]
(tiếng chụp hình) Tốt!
Tôi tạo ra Instagram với người
đồng sáng lập của tôi Mike,
ngay từ đầu chúng tôi đã coi điện thoại di động
như một cơ hội để tạo ra cái gì đó mới. Vì
lần đầu tiên con người mang theo chiếc "máy tính"
trong túi của họ. Và chúng tôi đã quyết định
việc chia sẻ hình ảnh có thể là cơ hội lớn nhất trong 5 năm tới, và là cơ hội
mà chúng tôi sẽ luôn muốn giữ chặt, điều mà chúng tôi muốn tiêu tốn thời gian của mình. Rất tốt
khi nói bạn có một ứng dụng hoặc một ý tưởng có thể làm x, y, z nhưng trừ khi nó giải quyết được
một vấn đề thực tế cho con người, không thì sẽ chẳng ai sử dụng chúng. Và câu hỏi là: Vấn đề
bạn đang giải quyết là gì? (Piper-Nhiếp ảnh gia) Khi con người lần đầu đối mặt với vấn đề làm sao để hiện ảnh trên màn hình,
họ đã nảy ra cách biến hình ảnh thành dữ liệu. Năm 1957,
像素简介
(按快门声)赞!
我和Mike一起成立了Instagram
我们开始只是想用手机照片做些有新意的事儿
毕竟这是人们第一次那么在意口袋里的计算机
我们认为在未来五年照片分享可能是最大的机会
于是我们顺从内心,开始花时间来做这件事
有app或者想法去解决x, y, z还不够
更重要的是解决实际问题,供人们真正的使用
问题是:你要解决什么问题?
最初为了在屏幕上显示照片,人们需要对照片进行数据分解
1957年,一名计算机工程师Russell Kirsch
给他儿子拍了一张照片并扫描了下来
这是第一张数字图像:有颗粒感的黑白婴儿照
像素就这样诞生了
像素是个有趣的概念,因为他们不容易被看到
但实际上,如果你不断放大显示屏
就会发现显示屏是由非常小的光点组成
更有意思的是,每一个小光点是由更小的不同颜色光点构成
光点颜色有红,绿,蓝
从远处看,这些像素构成了图像
从前面看,他们只是能够亮暗的光点
正是他们构成了我们每天从电脑上看到的照片
你总能听到一个词:分辨率
计算机科学家和器材生产商都会提到它
分辨率是一个二维值,用于表示屏幕上像素数
当我还是个高中生的时候,分辨率只有640 x 480
今天分辨率则大了很多
除了分辨率以外,密度也很重要
比如智能手机,在有相同像素的前提下
像素密度更大的图像就更可以更细腻
那么,如何在一个文件里存储这些像素值呢?
其实你只是存储了许多红绿蓝的三元数组
他们则表示每一个像素
像素的数值范围是0-255
0非常暗,255非常亮
这个三元数值一起表示一个像素
一个图像文件,无论是JPEG,GIF 还是PNG
包含了百万级的红绿蓝三元值
那么计算机是如何存储这些数据的呢?
所有视觉和计算数据是用bit(比特)表征
每bit有两个状态:开和关
计算机使用对应的1或0二元值
所以图像是由一堆01数值构成的
为什么RGB数值的范围是0到255呢?
每一个颜色频道是由8bit构成
8bit构成一个1BYTE(字节)
如果你了解二元数值系统
那么8bit最大的数值是255,也就是一行全是1
最小的8bit数值是0,也就是一行全是0
因此0到255对应了每个颜色通道里256个灰度值
比如我们来表示青绿色的像素
在传统的十进制数值系统里,64有些红
224很绿,208比较蓝
但是计算机会青绿色存储成01000000
11100000
11010000
我们使用24个二进制值表示一个像素
计算机系统通常使用16进制,而不是二进制来表示颜色
所以我们只用6个十六进制表示同样的颜色:40 E0 D0
这就短多了
如果你想改变图像颜色,怎么办?
使用对应函数,输入为像素的红蓝绿数值
然后将其对应成新的红蓝绿数值
比如你想将图像变暗
一种方法是用输入的红绿蓝数值减去50
很明显,结果不能小于0,然后得到数值
如果输入是RGB,那么输出是R-50,G-50,B-50
你能看到输入图像是某个亮度,输出图像就变暗许多
许多人可能没有意识到,Instagram不止是做图像滤镜
或者仅仅把图片变酷
他的愿景更加重要
那就是如何将人们联系起来
他也不只是看朋友家人的照片,我们希望看到世界的变化
可能在海外,可能是社会活动
你可以通过视觉图片的方式获知这些信息
这才是我们快速成长并成为受欢迎媒介的原因
学习更多尽在studio.code.org
小小的說明一下 | 什麼是像素
(快門聲)很好。
我創辦了 Instagram,
和我的合伙人 Mike。
一開始,我們看到手機
有個機會能夠創建新的事物。
因為這是人們第一次可以
隨身攜帶一台電腦在口袋。
然後我們決定它就是圖像分享,
它大概最有機會,在未來的五年,
那些貼近心靈的、
那些我們願意花時間的,
能有個 app 或想法當然不錯,
但除非它能解決現實生活的問題,
不然人們絕不會去使用它。
所以這個重點就是:你解決了什麼問題?
(Piper - 攝影師)人們面對的第一個問題
就是要怎麼把一個圖像顯示在螢幕上。
他們不得不想出個能
把圖像打散成數據的方法。
在 1957,早期的一名計算機工程師,
名為 Russell Kirsch,拿了張他的孩子的相片,
然後掃描它,因此有了第一個數位影像,
顆粒狀、黑白的照片。像素也因此誕生了!
像素(Pixels)是個有趣的概念,
因為你不是很容易能看得出來它們。
而事實上,如果你有個放大鏡,
你把它放在螢幕前,就可以
看到你的螢幕是由無數微小的
亮點所組成,最有趣的是,
那些帶著微光的小點,
是帶著不同顏色的光點。
分別是紅、綠、藍,像素集合
在一起,遠看就會形成一個圖片,
而他們只是小燈光的開和關,
這些的組合創建出了圖像,
還有你使用電腦時每天看的螢幕。
也就是你聽到的解析度這個術語,
在計算機科學和設備製造商常會提到它。
解析度基本上是用來衡量
屏幕上有多少像素的尺寸。
回想我還是個高中生時,
它是 640 x 480 像素。
而現在就大的多了,
接下來的問題就不只是解析度了,
還有密度的問題,舉個例子,
現代的手機也有著相同數量的,
稱之為像素的小燈光,但是它們的空間
更密集,這也是為什麼你的圖像更清晰的原因。
那麼,你要如何把那些像素的值
儲存在一個文件中的呢?
你要做的就是把紅色、綠色、藍色
的值存儲在一個三元組中。
不同的值就可以構成一個像素。
值的範圍是從 0 到 255。
0 表示極暗,255 表示極亮,將這些值組成三元組,
就可以構成單一的像素。
圖像檔案,不論它是 jpeg、gif、png…
裡頭就包含了百萬計的 RGB(red-green-blue)
那麼電腦是怎麼儲存所有的數據?
所有計算和視覺資料是用位元 (bit) 來表示。
一個位元有二種狀態:開與關。
不過電腦上不這麼叫,
我們用 0 和 1 來表示,也就是二進位!
一個圖像實際上就只是一堆的 0 和 1。
那為什麼 RGB 的值卻是 0 到 255 呢?
我們回頭來說說色彩通道 (Color Channel),
RGB 代表的是 8 個位元 (bit),合在一起我們稱為一個位元組 (byte)。
如果你知道數字系統中的二進位制。
你就知道 8 個位元所組合起來的最大值是 255。
255 相當於八個 1 組合的二進位數。
而最小的則是 0,相當於八個 0 的二進位數。
因此,0 到 255 就提供了 256 個不同的通道,
用來代表每種顏色的強度,舉例來說,
我們可以將一個像素的變成綠松石色,
用我們傳統的十進制數字系統來表示,
64(有點紅)、224(很多綠)、208(一些藍)。
但電腦會把這些值存成 0100 0000 1110 0000 1101 0000。
我們用 24 個二進制數字來表示一個像素點。不過相較於二進制,
藝術家更常使用十六進制數字系統來表示色彩,
所以我們可以表示用十六進制 40 E0 D0 來表示綠松石色,這樣子表示更精簡。
假設你想修改的圖片的顏色。你要怎麼做呢?
基本上有很多映射函式讓你可以輸入像素點的值。
所以你輸入紅R、綠G、藍B 的值後,就可以代表一個顏色。
然後你經過函式將 RGB 替換成新的值,比方說你想要製作一張偏暗的圖片,
就可以將原來 RGB 上的值分別減掉一個固定的數字,
比方說減 50。當然這個數字不能小於 0,我們把它們各減 50,
因此輸入的值是 R、G、B,但輸出後時就變成了 R-50、G-50、B-50,
這樣你就會看到你已經降低了圖片的亮度,而輸出的圖片就會看起來偏暗了。
大部分的人不知道 Instagram 是創先讓它變成篩選圖片的工具,
還有讓利用它來讓圖片變得酷炫或復古的,
更重要的是它的成長,
它變成了人與人聯繫的一種方式,
它不只是讓你看到朋友或家人的照片,
更能夠讓你探索在世界各地發生的所有事情。
無論是海外暴亂,一場社會運動,你都能夠以視覺方式獲取那些訊息,
這是我們能夠快速成長成為通用平台的原因。
學習更多在 studio.code.org。