Return to Video

Instagram's Kevin Systrom explains pixels and how filters work

  • 0:01 - 0:04
    القليل عن الpixels
  • 0:06 - 0:09
    (ضغطات كاميرا)
  • 0:09 - 0:12
    جيد
  • 0:12 - 0:14
    أنشأت "انستاغرام" مع شريكي المؤسس "مايك"،
  • 0:14 - 0:19
    بداية رأينا الهاتف الجوال كفرصة
    لإنشاء شيء جديد.
  • 0:19 - 0:23
    لأنه وللمرة الأولى الناس يحملون جهازا
    أقرب للحاسوب ضمن جيبهم. وقد قررنا
  • 0:23 - 0:28
    أن مشاركة الصور كان ربما الفرصة الأكبر
    للسنوات الخمس القادمة، وأمرا قريبا
  • 0:28 - 0:32
    إلى قلوبنا، شيئا أردنا أن نصرف وقتنا عليه.
  • 0:32 - 0:37
    من العظيم القول بأنك تمتلك تطبيقا أو فكرة
    تقوم ب x أوy أوz ولكن طالما أنها لا تحل
  • 0:37 - 0:43
    مشكلة حقيقية للناس فلن يستخدموها. والسؤال
    هو: ما المشكلة التي تقوم بحلها؟
  • 0:44 - 0:48
    (بايبر-مصورة) عندما واجه الناس في البداية
    مشكلة كيفية عرض صورة على الشاشة،
  • 0:48 - 0:52
    كان عليهم أن يأتوا بطريقة لتجزئة الصور إلى
    بيانات. في 1957، مهندس حاسوب قديم يدعى
  • 0:52 - 0:57
    "راسل كيرش" أخذ صورة لطفله الرضيع ومسحها.
  • 0:57 - 1:01
    وقد كانت أول صورة رقمية، صورة رضيع بيضاء
    وسوداء-- وهكذا كانت ولادة البكسل!
  • 1:01 - 1:08
    البكسلات هي مفهوم مثير للاهتمام لأنك لا
    تستطيع رؤيتها بسهولة كبيرة.
  • 1:08 - 1:13
    ولكن في الواقع، إذا أخذت عدسة مكبرة
    ووضعتها بالقرب من الشاشة تستطيع
  • 1:13 - 1:18
    أن ترى فعليا أن شاشتك مكونة من نقاط صغيرة
    جدا من الأضواء الخافتة. والأكثر إثارة هو
  • 1:18 - 1:22
    أن هذه النقاط الصغيرة من الأضواء، هي
    فعليا عدة نقاط صغيرة من الأضواء
  • 1:22 - 1:28
    مختلفة الألوان. هناك الأحمر، الأخضر،
    والأزرق. البكسلات معا، من بعيد تخلق صورة
  • 1:28 - 1:33
    وفي العمق، هي مجرد أضواء صغيرة تضيئ
    وتنطفئ. الدمج بينها يخلق الصور وما
  • 1:33 - 1:37
    تراه على شاشتك كل يوم تستخدم فيه حاسبك.
  • 1:37 - 1:42
    لذا ستسمع عن مصطلح "الدقة" كثيرا، في كل من
    علوم الحاسب ومصنعو الأجهزة سيتحدثون
  • 1:42 - 1:48
    عنها. الدقة هي بشكل أساسي الأبعاد التي من
    خلالها تستطيع قياس عدد البكسلات على
  • 1:48 - 1:54
    الشاشة. بالعودة إلى اليوم الذي كنت فيه
    طالبا في الثانوية كانت 640x480 بكسل
  • 1:54 - 1:58
    واليوم هي أكبر بكثير. وأيضا أصبحنا نسأل
    ليس فقط عن الدقة
  • 1:58 - 2:02
    ولكن أيضا الكثافة.على سبيل المثال على
    الهواتف الذكية يتم ملاءمة نفس العدد من
  • 2:02 - 2:07
    الأضواء الصغيرة المدعوة بالبكسلات ولكن
    في مساحة أكثف، وهذا ما يسمح لك بالحصول
  • 2:07 - 2:14
    على صور أوضح. الآن، كيف تخزن هذه القيم من
    البكسلات ضمن ملف. ما تفعله هو تخزين قيم
  • 2:14 - 2:23
    الأحمر، الأخضر والأزرق في ثلاثيات صغيرة،
    بشكل فعال. بقيم مختلفة يشكل كل منها بكسلا.
  • 2:23 - 2:33
    القيم تتراوح بين 0 و 255.
    0 سيكون داكنا جدا، و255 ساطعا جدا.
  • 2:33 - 2:38
    ثلاثيات القيم هذه تشكل بكسلا واحدا.
  • 2:38 - 2:41
    ملف الصورة، سواء كان jpeg، gif ، png الخ.
  • 2:41 - 2:44
    يحتوي الملايين من ثلاثيات الRGB هذه
    (red-green-blue).
  • 2:44 - 2:48
    إذن كيف يخزن الحاسوب كل هذه البيانات؟
    جميع البيانات الحسابية والبصرية يتم
  • 2:48 - 2:53
    تمثيلها من خلال بتات. البت له حالتان:
    عمل- إيقاف (on-off) ولكن بدلا من
  • 2:53 - 2:57
    تخزين on أو off ، الحواسيب تستخدم 1 أو 0
    -- ثنائي!
  • 2:57 - 3:01
    ملف الصورة فعليا مكون من العديد من
    الأصفار والواحدات
  • 3:01 - 3:08
    ولكن لماذا تتراوح قيم RGB بين 0 و255؟
    يظهر لدينا أن كل قناة لونية، RGB،
  • 3:08 - 3:14
    يتم تمثيلها ب 8 بتات، والتي تدعى معا بايت.
    إذا كنت تعرف نظام الأعداد الثنائي، ستعرف
  • 3:14 - 3:20
    أن أكبر رقم يمكن ل 8 بتات أن تمثله هو 255.
    255 يكافئ 8 واحدات ضمن السطر.
  • 3:20 - 3:31
    والرقم الأصغر 0 أو 8 أصفار ضمن السطر.
    وبالتالي، 0 ل255 تعطي 255 شدة مختلفة
  • 3:31 - 3:36
    ضمن القناة اللونية. يمكنننا تمثيل بكسل
    اللون السماوي على سبيل المثال،
  • 3:36 - 3:43
    بنظامنا الثنائي الأساس التقليدي كـ 64
    (القليل من الأحمر)، و224 (الكثير من
  • 3:43 - 3:58
    الأخضر) ، و208 (لبعض الأزرق). ولكن الحاسب
    سيخزنها ك 0100000111000001101000.
  • 3:58 - 4:03
    نستخدم 24 خانة رقمية ثنائية لتمثيل هذا
    البكسل الواحد. لذا بدلا من الثنائي،
  • 4:03 - 4:08
    الفنانون الرقميون غالبا يستخدمون النظام
    الست عشري لتمثيل الألوان. وبالتالي يمكننا
  • 4:08 - 4:16
    تمثيل اللون السماوي نفسه باستخدام 6 خانات
    رقمية ست عشرية: 40E0D0. وهو أقصر بكثير.
  • 4:16 - 4:23
    دعنا نقول أننا نريد تعديل ألوان الصورة.
    كيف يمكنك فعل ذلك؟ بشكل أساسي هناك طرق
  • 4:23 - 4:28
    لتوابع المطابقة التي تأخذ الدخل قيمة
    البكسل. وبالتالي تأخذ دخلا لقيمة الأحمر،
  • 4:28 - 4:35
    الأخضر والأزرق. والتي تمثل اللون. ثم تطابق
    هذه القيمة باستخدام تابع مع قيمة أحمر،
  • 4:35 - 4:41
    أخضر وأزرق جديدة. دعنا نقول أنك أردت
    جعل الصورة أغمق. إحدى طرق عمل ذلك
  • 4:41 - 4:47
    هي أخذ قيم الأحمر،الأخضر والأزرق التي
    تأتي تباعا ودعنا نقول أننا نطرح قيمة ثابتة
  • 4:47 - 4:50
    من كل منها، ولتكن 50.
  • 4:50 - 4:54
    من الواضح أنه لا يمكنك أن تذهب لقيم أقل
    من 0، ولكنك فقط تطرح 50 من كل منها وهذا
  • 4:54 - 5:02
    هو الخرج. أي أن الدخل هو R,G,B والخرج هو
    R-50,G-50,B-50.
  • 5:02 - 5:08
    الذي ستراه هو أنك أخذت صورة بسطوع معين،
    وحصلت على صورة بسطوع أغمق.
  • 5:08 - 5:13
    الذي لا يدركه العديد من الناس عن
    "انستاغرام"أن الناس فكرت به في البداية
  • 5:13 - 5:18
    كطريقة لفلترة الصور، وجعل صورك تبدو جميلة
    بطريقة ما، أواسترجاعها.
  • 5:18 - 5:23
    وما وصل إليه كان فعليا أكثر أهمية، لقد كان
    طريقة لتواصل الناس.
  • 5:23 - 5:29
    إنه ليس فقط رؤية صور أصدقائك وعائلتك،
    ولكن فعليا القدرة على استكشاف الأشياء التي
  • 5:29 - 5:34
    تحدث حول العالم. سواء كانت أعمال شغب
    في الخارج، تحرك اجتماعي، يمكنك أن
  • 5:34 - 5:38
    تستهلك بشكل أساسي هذه المعلومة بطريقة
    مرئية.
  • 5:38 - 5:41
    وهذا سمح لنا بالنمو بسرعة كبيرة وأن نكون
    منصة عالمية.
  • 5:43 - 5:49
    تعلم المزيد في: studio.code.org
Title:
Instagram's Kevin Systrom explains pixels and how filters work
Description:
more » « less
Video Language:
English
Duration:
05:50

Arabic subtitles

Revisions

Our website uses cookies for analysis purposes.