פאָטאָשאָפּ טוטאָריאַל: אָפּטימיזירן בילדער פֿאַר וועב נוצן

וועב-בילד-אַפּטאַמאַזיישאַן

דעפּענדינג אויף די ציל פון אונדזער פאָוטאַגראַפס דאַרפן איין אָדער אנדערן באַהאַנדלונג. עס איז נישט די זעלבע צו קאַנפיגיער אַ פאָטאָגראַפיע וואָס וועט זיין געדרוקט, געוויזן אויף אַ דיגיטאַל פּראַדזשעקטער אָדער דערשייַנען אויף אַ וועב בלאַט. יעדער מיטל האט פאַרשידענע דיפישאַנסיז, קעראַקטעריסטיקס אָדער באדערפענישן. צוליב דעם, עס איז נייטיק צו באַצאָלן ספּעציעל ופמערקזאַמקייט צו די טייפּס פון אַספּעקץ, אַנדערש מיר קען רעדוצירן די קוואַליטעט פון אונדזער חיבורים מינאַצאַד און אָן וויסן עס.

אין דעם פאַל, מיר וועלן זען די ווייַטערדיקע טוטאָריאַל די סעטטינגס אַז Adobe Photoshop אָפפערס צו ראַטעווען אונדזער בילדער אַזוי אַז זיי האָבן אַ אָפּטימאַל באַהאַנדלונג צו זיין ריפּראַדוסט אויף וועב זייַטלעך און די אינטערנעט. אויף דעם וועג מיר וועלן פּרובירן צו געפֿינען די טשיפּאַסט אָפּציע אויב איר נעמען אין אַכטונג אַספּעקץ אַזאַ ווי קוואַליטעט (קאַטינג און פּיקסעלאַטיאָן) און די גרייס פון דער טעקע, איר וויסן שוין אַז ווען מיר וועלן צופֿעליקער פאָוטאַגראַפס אָדער טעקעס צו אונדזער וועבזייטל, זיי זאָל וועגן ווי קליין ווי מעגלעך אַזוי אַז אונדזער וועבזייטל אַרבעט פיל מער פלינק. עס איז טשיקאַווע אַז איר נעמען אין חשבון די יקערדיק אָפּציעס. איר שוין וויסן אַז מיר מוזן פּרובירן צו נעמען קעיר פון אַלע די דעטאַילס וואָס זענען אין אונדזער פינגגערטיפּס.

JPEG בילד אָפּטימיזאַטיאָן

צו אָנהייבן, מיר וועלן אָנהייבן אונדזער אַפּלאַקיישאַן און אַרייַנפיר די פאָטאָגראַפיע מיט וואָס מיר וועלן אַרבעטן, אין דעם פאַל אַ מיטל בילד און אין JPEG פֿאָרמאַט.

אַפּטאַמאַזיישאַן -1

צו ראַטעווען דעם פאָטאָגראַפיע מיט פּאַסיק קעראַקטעריסטיקס פֿאַר ארבעטן אויף די וועב, מיר דאַרפֿן צו גיין צו די טעקע מעניו> שפּאָרן פֿאַר וועב ... (מיר קענען אויך אַקסעס די אָפּציע דורך Alt + Shift + Ctrl + S).

אַפּטאַמאַזיישאַן -2

מיר קליקט אויף די קוויטל "פיר קאפיעס" אין די שפּיץ פון די היט פֿאַר וועב דיאַלאָג קעסטל. אויב איר זען די פיר פאַרשידענע סעטטינגס אין דער טעקע, מיר קענען באַקומען אַ גוטע געדאַנק פון וואָס באַשטעטיקן איז בעסטער פּאַסיק פֿאַר אונדזער צוועקן. מיט די 4 קאָפּיעס קוקן, קייפל ווערסיעס פון אַ בילד קענען זיין געוויזן אין דער זעלביקער בילד פֿענצטער. מיר וועלן טאָן דאָס, מיר וועלן צולייגן פאַרשידענע פֿאָרמאַטירונגען און מיר וועלן זען וואָס פון זיי איז בעסטער פּאַסיק פֿאַר אונדזער קליימז. דערנאָך איר קענען סטרויערן די אָפּטימיזאַטיאָן אַסיינמאַנץ פֿאַר יעדער ווערסיע פון ​​די בילד צו סעלעקטירן דער בעסטער קאָמבינאַציע פון ​​אַסיינמאַנץ.

אַפּטאַמאַזיישאַן -3

מיט דעם זופ-אַראָפּ מעניו אויף פארגרעסער, לינקס דנאָ פון די דיאַלאָג קעסטל, מיר טוישן די מאַגנאַפאַקיישאַן צו 200% אָדער מער אַזוי אַז מיר קענען פונאַנדערקלייַבן אונדזער פאָטאָגראַפיע און אָפּשאַצן די דעטאַילס פון די בילד.

אַפּטאַמאַזיישאַן -4

מיר וועלן שטעלן די מויז לויפֿער איבער דער אויבערשטער רעכט ווערסיע פון ​​דעם בילד (וואָס איז די אַקטיוו ווערסיע ווי די דאַרקאַסט גרענעץ איז ינדאַקייטינג). דער לויפֿער וועט האָבן די פאָרעם פון אַ האַנט, וואָס ינדיקייץ אַז מיר קענען שלעפּן עס צו מאַך די בילד. מיר וועלן שלעפּן צו טוישן די שטעלע פון ​​די בילד אַזוי אַז מיר געפֿינען די מערסט פּאַסיק שטח פון די בילד, די אָרט וואָס מיר געפֿינען די גרעסטע סומע פון ​​שיידז און קאַנטראַס.

אַפּטאַמאַזיישאַן -5

פֿון דעם פּרעסעט פאַל-אַראָפּ מעניו אין די אָפּטימיזעד טאַפליע, מיר וועלן קלייַבן GIF 128 מיט Dither. באמערקט ווי גלייך אין דער ווערסיע פון ​​די בילד וואָס מיר האָבן אויסגעקליבן (אין דעם פאַל אויבערשטער רעכט), עס זענען ענדערונגען וואָס מאַכן די דאַרקער געביטן מער קענטיק. דערנאָך מיר וועלן זען די JPEG און PNG סעטטינגס אין די פאלגענדע פּאַנאַלז.

אַפּטאַמאַזיישאַן -6

מיר וועלן קליקט אויף דער נידעריקער לינקס ווערסיע פון ​​די בילד צו סעלעקטירן עס. מיר וועלן קלייַבן די נידעריק JPEG ווערסיע אין די פּרעסעץ מעניו. די בילד וועט זיין גאַנץ פּיקסעלאַטעד און די קוואַליטעט איז אַנאַקסעפּטאַבאַל, ספּעציעל אין די טעקסט געגנט עס איז זייער באמערקט. מיר וועלן פּרובירן צו פאַרגרעסערן די קוואַליטעט פון די בילד אָן אַ אַנאַקסעפּטאַבאַל טעקע גרייס.

אַפּטאַמאַזיישאַן -7

מיר וועלן קלייַבן JPEG High פֿון די סעטטינגס פאַל-אַראָפּ מעניו ווידער. דאָס ימפּרוווז די בילד קוואַליטעט זייער פיל, אָבער אויך זייַנען אַ באַטייטיק פאַרגרעסערן אין טעקע גרייס.

אַפּטאַמאַזיישאַן -8

לעסאָף, די מערסט מצליח אָפּציע איז די מיטל ערד. מיר וועלן קלייַבן JPEG מעדיע פֿון די פּרעסעט פאַל-אַראָפּ מעניו ווידער. די בילד קוואַליטעט איז איצט פּאַסיק, אָבער די טעקע גרייס איז באטייטיק קלענערער ווי די JPEG הויך ווערסיע אָדער די GIF ווערסיע.

אַפּטאַמאַזיישאַן -9

לעסאָף מיר וועלן אויסקלייַבן די נידעריקער רעכט טאַפליע. מיר וועלן קלייַבן PNG-8 128 מיט דיטהערינג פון די פאַל אַראָפּ מעניו ווידער. כאָטש די אָפּציע גיט אַ קלענערער טעקע גרייס ווי די אָריגינעל בילד, די בילד קוואַליטעט איז נישט ווי גוט ווי די JPEG מעדיום ווערסיע, וואָס אויך האט אַ קלענערער טעקע גרייס.

אַפּטאַמאַזיישאַן -10

לעסאָף מיר קליקינג אויף די JPEG ווערסיע, דאָס איז די לינקס נידעריקער. אין די אָפּטימיזעד טאַפליע (צו די רעכט פון די דיאַלאָג) מאַכן זיכער אַז Progressive איז ענייבאַלד (דאָס וועט פאַרשאַפן די בילד צו אָפּלאָדירן אין עטלעכע פּאַסיז, ​​יעדער פון זיי ינקריסיז די בילד קוואַליטעט) און גיט Ok.

אַפּטאַמאַזיישאַן -11

לעסאָף, אין די היט אָפּטימיזעד ווי דיאַלאָג קעסטל, מיר וועלן נוצן די אָריגינעל נאָמען און גיט אויף היט. אין דעם וועג, מיר שפּאָרן אַ JPEG ווערסיע פון ​​דער אָריגינעל טעקע אין דער געוואלט טעקע. לעסאָף מיר וועלן פאַרמאַכן דעם פּרויעקט אָן שפּאָרן ענדערונגען.

 


דער אינהאַלט פון דעם אַרטיקל אַדכיר צו אונדזער פּרינציפּן פון לייט עטיקס. צו מעלדונג אַ טעות גיט דאָ.

זייט דער ערשטער צו באַמערקן

לאָזן דיין באַמערקונג

אייער בליצפּאָסט אַדרעס וועט נישט זייַן ארויס. Required fields זענען אנגעצייכנט מיט *

*

*

  1. פאַראַנטוואָרטלעך פֿאַר די דאַטן: Miguel Ángel Gatón
  2. ציל פון די דאַטן: קאָנטראָל ספּאַם, קאָמענטאַר פאַרוואַלטונג.
  3. לעגיטימאַטיאָן: דיין צושטימען
  4. קאָמוניקאַציע פון ​​די דאַטן: די דאַטן וועט נישט זיין קאַמיונאַקייטיד צו דריט פּאַרטיעס אַחוץ דורך לעגאַל פליכט.
  5. דאַטן סטאָרידזש: דאַטאַבייס כאָוסטיד דורך Occentus Networks (EU)
  6. רעכט: צו קיין צייט איר קענט באַגרענעצן, צוריקקריגן און ויסמעקן דיין אינפֿאָרמאַציע.