ווען איר נוצן דזשפּג, GIF, PNG, און סווג פאָרמאַץ פֿאַר דיין וועב בילדער

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

GIF Images

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

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

אין אַ נאָטשעל, איר וואָלט נוצן גיפס בלויז פֿאַר פּשוט בילדער מיט בלויז אַ ביסל פארבן, אָבער איר קען אויך נוצן PNGs (אויך אויף אַז באַלד).

JPG Images

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

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

דזשפּג בילדער זענען בעסטער געניצט פֿאַר פאָוטאַגראַפס און בילדער וואָס האָבן גורל און גורל פון נאַטירלעך פארבן.

PNG Images

די פּנג פֿאָרמאַט איז דעוועלאָפּעד ווי אַ פאַרבייַט פֿאַר די GIF פֿאָרמאַט ווען עס איז געווען באוויזן אַז גיף בילדער וואָלט זיין אונטער אַ מאַלכעס אָפּצאָל. פּנג גראַפיקס האָבן אַ בעסער קאַמפּרעשאַן טעמפּאָ ווי GIF בילדער וואָס רעזולטאַט אין קלענערער בילדער ווי דער זעלביקער טעקע געראטעוועט ווי אַ גיף. פּנג טעקעס פאָרשלאָגן אַ אַלף דורכזעיקייַט, וואָס קענען זיין געביטן פון דיין בילדער וואָס זענען גאָר גאָר טראַנספּעראַנט אָדער אַפֿילו נוצן אַ קייט פון אַלפאַ דורכזעיקייַט. למשל, אַ קאַפּ שאָטן ניצט אַ קייט פון דורכזעיקייַט יפעקס און וואָלט זיין פּאַסיק פֿאַר אַ פּנג (אָדער איר קען נאָר סוף אונדז מיט CSS שאַדאָוז אַנשטאָט).

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

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

SVG Images

סווג שטייט פֿאַר סקאַלאַבלע וועקטאָר גראַפיק. ניט ענלעך די ראַסטער-באזירט פאָרמאַץ געפונען אין דזשפּג, GIF, און PNG, די טעקעס נוצן וועקטאָרס צו מאַכן זייער קליין טעקעס אַז קענען זיין רענדערד אין קיין גרייס מיט קיין אָנווער פון קוואַליטעט פון פאַרגרעסערן אין טעקע גרייס. זיי זענען באשאפן פֿאַר אילוסטראציעס ווי ייקאַנז און אפילו לאָגאָס.

פּרעפּאַרינג בילדער פֿאַר וועב עקספּרעס

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

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

אָריגינעל אַרטיקל דורך דזשענניפער קרינן. Edited by Jeremy Girard.