د ویب ډیزاین نړۍ کې، د غوره کولو لپاره ډیری عکس فارمیټونه شتون لري. دوه خورا مشهور فارمیټونه WebP او SVG دي.
دواړه خپلې ځانګړې ګټې او نیمګړتیاوې لري، نو کوم یو ستاسو د پروژې لپاره سم دی؟
دا بلاګ پوسټ به د WebP او SVG سره په څنګ کې پرتله کړي ترڅو تاسو سره ستاسو د اړتیاو لپاره غوره پریکړه کولو کې مرسته وکړي.
ویب پاڼه څه ده؟
WebP یو نوی عکس فارمیټ دی چې ګوګل په 2010 کې خپور کړ. دا د JPEGs او PNGs څخه ډیر عکسونو کمپریس کولو لپاره ډیزاین شوی چې په پایله کې د فایل اندازه کوچنۍ کیږي. دا په ویب پاڼو کې انځورونه ګړندي پورته کوي، کوم چې کولی شي د کاروونکي تجربه ښه کړي.
WebP تر اوسه پورې د JPEG یا PNG په څیر په پراخه کچه نه ملاتړ کیږي، مګر دا په تدریجي توګه د پام وړ وده کوي. تاسو کولی شئ د ویب پی عکسونه په ویب پا onو کې وکاروئ چې د دوی ملاتړ کوي ، یا تاسو کولی شئ د آنلاین وسیلو په کارولو سره JPEG یا PNGs WebP ته بدل کړئ.
د WebP ځانګړتیاوې
1. بې زیانه بڼه
WebP یو بې زیانه عکس فارمیټ دی، پدې معنی چې د عکس کیفیت نه خرابیږي کله چې خوندي شي. دا د JPEG سره توپیر لري، کوم چې یو زیانمن شکل دی، پدې معنی چې د عکس کیفیت د لاسه ورکول کیږي کله چې عکس کمپریس شي.
د دې بې ضرر کمپریشن لپاره تجارت بند دا دی چې د WebP عکسونه معمولا لوی وي.
2. د کمپریشن تناسب
د WebP عکسونو کمپریشن تناسب د کیفیت ترتیب پورې اړه لري. د مثال په توګه، د 50٪ کیفیت ترتیب کې، د ویب پی عکس ممکن د ورته کیفیت JPEG عکس نیمایي اندازه وي.
3. ملاتړ
دا یو نوی شکل دی، او دا لاهم یو پرمختللی بڼه ده. دا د JPEG یا PNG په څیر په پراخه کچه نه ملاتړ کیږي. په هرصورت، دا د پراخو براوزرونو لخوا ملاتړ کیږي.
4. امنیت
WebP یو خلاص شکل دی. دا پدې مانا ده چې دا کوډ شوی نه دی. په هرصورت، دا د خوندي بڼه لپاره ډیزاین شوی، او دا د ګوګل لخوا په بشپړه توګه ازمول شوی.
د WebP ګټې او زیانونه
Pros
- کوچنۍ فایل اندازه
- ګړندی بارونه
- غوره کیفیت
- د ګوګل، فیسبوک او ټویټر لخوا د منلو زیاتوالی
له بندڅخه
- ټول براوزرونه د WebP ملاتړ نه کوي
- ځینې زاړه وسایل ممکن د WebP عکسونو ښودلو توان ونلري
- د ویب پی عکسونو لپاره هیڅ فال بیک شتون نلري ، نو که چیرې براوزر نشي کولی دوی ښکاره کړي ، نو عکس به هیڅکله نه ښودل کیږي
- WebP ته د عکسونو بدلول د وخت مصرف کیدی شي
SVG څه شی دی؟
SVG د ویکتور ګرافیک بڼه ده چې د ډیری عصري ویب براوزرونو لخوا ملاتړ کیږي. ویکتور ګرافیک هغه عکسونه دي چې د پکسلونو پرځای د کرښو او منحني څخه جوړ شوي دي.
دا دوی د لوګو، انځورونو، او نورو ګرافیکونو لپاره مثالی کوي چې اړتیا لري د کیفیت له لاسه ورکولو پرته پورته یا ښکته شي.
SVGs په ډیری غوښتنلیکونو کې کارول کیدی شي. د مثال په توګه، دوی د عکسونو او لوګو جوړولو لپاره په فوټوشاپ کې کارول کیدی شي. دوی په InDesign کې د مجلې ترتیب او حتی چاپ ګرافیک جوړولو لپاره کارول کیدی شي.
SVGs په HTML او CSS کې ځای پرځای کیدی شي ترڅو ویب ګرافیک او شبیهونه رامینځته کړي.
د SVG ځانګړتیاوې
1. د توزیع وړ ویکتور ګرافیک
تاسو کولی شئ SVGs پورته یا ښکته اندازه کړئ ځکه چې دوی د ریزولوشن خپلواک دي. دوی به د هرې سکرین اندازې کې ښه ښکاري، د ګرځنده وسیلو څخه تر ریټینا نندارې پورې. د ویکتور پر بنسټ فارمیټونه هم د ګریډینټ، سیوري، او انټي الیزینګ ملاتړ کوي.
2. د پخیدلوموده
SVG د ټولو عصري براوزرونو لخوا ملاتړ کیږي، پشمول د فایرفوکس، سفاري، کروم، اوپیرا، او انټرنیټ اکسپلورر 10 او پورته.
3. ترمیم کول
SVGs ډیزاین شوي ترڅو د ترمیم وړ وي. تاسو کولی شئ په انځورونو کې متن، شکلونه او نور شیان اضافه کړئ. تاسو حتی کولی شئ عکسونو ته هایپر لینکونه اضافه کړئ. تاسو کولی شئ عکسونه په فوټوشاپ یا InDesign کې ایډیټ کړئ.
4. په HTML کې ځای پرځای شوی
SVGs د دې په کارولو سره په HTML پاڼو کې ځای پرځای کیدی شي ټګ دا تاسو ته اجازه درکوي چې دوی په پاڼه کې هرچیرې ځای په ځای کړئ، او دوی به په اتوماتيک ډول د کانټینر اندازې سره سم اندازه شي.
تاسو کولی شئ د SVGs موقعیت او سټایل کنټرول لپاره CSS هم وکاروئ.
د SVG ګټې او زیانونه
Pros
- SVGs د ریزولوشن څخه خپلواک دي، پدې معنی چې دوی به په هر وسیله ښه ښکاري.
- دوی معمولا د دودیز بټ میپ عکسونو څخه کوچني دي ، پدې معنی چې دوی ګړندي بار کوي.
- دوی کولی شي متحرک شي، تاسو ته نور کنټرول درکوي چې ستاسو مینځپانګه څنګه ښکاري او چلند کوي.
- تاسو کولی شئ دوی په اسانۍ سره د CSS او JavaScript سره سمبال کړئ، دوی هر اړخیز جوړوي.
له بندڅخه
- SVGs د متخصص سافټویر پرته رامینځته کول او ترمیم کول ستونزمن کیدی شي.
- ټول براوزرونه د دوی ملاتړ نه کوي، نو تاسو ممکن د هغو کاروونکو لپاره د شال بیک عکسونو چمتو کولو ته اړتیا ولرئ څوک چې نشي کولی د SVG مینځپانګې وګوري.
WebP vs SVG: پایله
په ټولیز ډول، دا په هغه څه پورې اړه لري چې تاسو یې هڅه کوئ. که تاسو د فایلونو کوچنۍ اندازې او ډیر دقیق عکسونو ته اړتیا لرئ، SVG د تګ لاره ده.
که څه هم، که تاسو د ګړندي بارولو وختونو او د فایلونو کوچنیو اندازو لپاره د لږ دقت قرباني کولو په اړه فکر نه کوئ، نو ویب پی ممکن غوره وي.
هر هغه بڼه چې تاسو یې غوره کوئ، ډاډ ترلاسه کړئ چې مختلف انتخابونه ازموینه وکړئ او وګورئ چې ستاسو د ځانګړو اړتیاو لپاره غوره کار کوي.
یو ځواب ورکړئ ووځي