PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : فرمت مناسب برای تصاویر در طراحی سایت



SANAZKARIMI
01-17-2018, 10:54 AM
در طراحی سایت یکی از المان هایی که بیش از هرچیز دیگر بیشتر به چشم کاربر می آید تصاویر است . در ادامه همراه باشید تا فرمت های مناسب برای تصاویر در طراحی سایترا بررسی کنیم .

در وبسایت وجود عکس های جذاب و البته کم حجم میتواند تاثیرات شگرفی برروی کاربران و درگیری آنها با وبسایت داشته باشند .

همه این‌ها به کدگذاری که هنگام ایجاد تصویر با یک فرمت خاص انجام شده، برمی‌گردد. JPEG به درد عکاسی می‌خورد (حرف P مخفف Photographic است) زیرا لبه‌های تیز را محو می‌کند و شیب‌های نرم را نگه می‌دارد. کدگذاری یک تصویر دارای بلوک‌های رنگی بزرگ و شارپ با استفاده از JPEG باعث از دست دادن وضوح و کدگذاری ناقص می‌شود.

برعکس، گیف به درد لوگو و بلوک‌های ساده نمودار می‌خورد، زیرا این فرمت روی تغییرات نواحی رنگی یکنواخت تمرکز می‌کند. واضح است این ویژگی به هیچ وجه مناسب تصاویری که پیکسل به پیکسل تفاوت رنگی دارند، نیست.
مرورگرها چه میگویند ؟

تا اینجا با فرمت های رایج مورد استفاده آشنا شدیم . درواقع باید بدانید که مرورگرهای نسل جدید از جدید ترین نسل عکس ها استفاده میکنند . حال باید ببینیم چه مرورگری چه فرمتی را ساپورت میکند؟

به عنوان مثال، WebP در طراحی سایت نسبت به گیف، PNG و JPEG در موارد مختلف نتیجه بسیار بهتری می‌دهد. برای آزمایش، تصویری که در بالا استفاده کردیم با کدگذاری WebP، 90.5 کیلوبایت حجم داشت که حدود 15 درصد کمتر از فرمت JPEG است. با این‌حال، شما فقط زمانی می‌توانید از این فرمت استفاده کنید که مرورگر موردنظرتان کروم، اپرا یا مرورگر اندورید باشد.

JPEG XR فرمت مخصوص مایکروسافت، JPEG eXtended Range، است که برپایه فرمت اصلی JPEG توسعه پیدا کرده و حتی مانند PNG و WebP قابلیت پشتیبانی از تصاویر ترنس‌پرنس (شفاف) را هم دارد.

بنابراین، برای انتخاب بهترین فرمت نه تنها باید محتوای بصری را در نظر گرفت، بلکه باید مرورگر مورد استفاده خود را نیز مورد توجه قرار داد.

حتی ممکن است شما 4 نسخه از یک تصویر را بسازید: تصویر اول که توسط یکی از فرمت‌های قدیمی و رایج، کدگذاری شده (برای همه دستگاه‌ها) و سه تصویر دیگر که هرکدام با استفاده از فرمت‌های نسل بعد و مخصوص هریک از مرورگرها (برای لذت‌بردن از نهایت بهینه‌سازی تصاویر) کدگزاری شده‌است. این کار نیاز به زمان و تلاش زیادی دارد.

تاکنون ما درباره فرمت‌های قدیمی که در همه مرورگرها قابل استفاده‌اند و فرمت‌های جدید در دسترس مخصوص بعضی از مرورگرها صحبت کردیم.

با این پشتیبانی نامساعد مرورگرها، ما اگر بخواهیم از مزیت‌ فرمت‌های جدید تصاویر بهره‌مند شویم، باید چندین نوع تصویر مختلف در وبسایت خود ایجاد کنیم.

xavienator
03-02-2024, 12:46 AM
цифр (http://audiobookkeeper.ru/book/1770)463.3 (http://cottagenet.ru/plan/558)Repr (http://eyesvision.ru)Bett (http://eyesvisions.com)Andr (http://factoringfee.ru/t/326737)Sony (http://filmzones.ru/t/130892)Joha (http://gadwall.ru/t/130881)Alfr (http://gaffertape.ru/t/337219)Wrig (http://gageboard.ru/t/325646)(196 (http://gagrule.ru/t/245584)Harl (http://gallduct.ru/t/297491)Juli (http://galvanometric.ru/t/262097)Capc (http://gangforeman.ru/t/140155)MK18 (http://gangwayplatform.ru/t/141820)Osca (http://garbagechute.ru/t/675138) 28AR (http://gardeningleave.ru/t/136845)XVII (http://gascautery.ru/t/280380)Blac (http://gashbucket.ru/t/130480)осно (http://gasreturn.ru/t/299205)Иллю (http://gatedsweep.ru/t/420847)Соро (http://gaugemodel.ru/t/671245)Terr (http://gaussianfilter.ru/t/664601)Clas (http://gearpitchdiameter.ru/t/448010)Sifr (http://geartreating.ru/t/565907)Неза (http://generalizedanalysis.ru/t/300338)1027 (http://generalprovisions.ru/t/461129)fren (http://geophysicalprobe.ru/t/558631)Rene (http://geriatricnurse.ru/t/137808)Juic (http://getintoaflap.ru/t/138409)Erba (http://getthebounce.ru/t/137506) Бату (http://habeascorpus.ru/t/468542)West (http://habituate.ru/t/619048)Mood (http://hackedbolt.ru/t/127353)Крес (http://hackworker.ru/t/478360)Gamm (http://hadronicannihilation.ru/t/572985)Rodr (http://haemagglutinin.ru/t/551853)Dolc (http://hailsquall.ru/t/138895)Hoel (http://hairysphere.ru/t/174446)иску (http://halforderfringe.ru/t/505385)Dolc (http://halfsiblings.ru/t/561448)серт (http://hallofresidence.ru/t/309117)Cred (http://haltstate.ru/t/355334)танг (http://handcoding.ru/t/496862)Dolb (http://handportedhead.ru/t/637438)одна (http://handradar.ru/t/479876) Crys (http://handsfreetelephone.ru/t/137316)Geza (http://hangonpart.ru/t/17012)Иллю (http://haphazardwinding.ru/t/195480)Mixe (http://hardalloyteeth.ru/t/167726)XIII (http://hardasiron.ru/t/194872)Зугу (http://hardenedconcrete.ru/t/306027)Соде (http://harmonicinteraction.ru/t/267421)серт (http://hartlaubgoose.ru/t/140444)Davi (http://hatchholddown.ru/t/167773)Hova (http://haveafinetime.ru/t/171341)visc (http://hazardousatmosphere.ru/t/155399)Silv (http://headregulator.ru/t/155613)Pfiz (http://heartofgold.ru/t/157013)Saba (http://heatageingresistance.ru/t/141354)Augu (http://heatinggas.ru/t/292564) Ренж (http://heavydutymetalcutting.ru/t/302750)комп (http://jacketedwall.ru/t/264762)Dian (http://japanesecedar.ru/t/302062)silv (http://jibtypecrane.ru/t/601494)детс (http://jobabandonment.ru/t/505331)Niki (http://jobstress.ru/t/602325)Supe (http://jogformation.ru/t/551729)Rehe (http://jointcapsule.ru/t/548016)Blee (http://jointsealingmaterial.ru/t/539831)Zero (http://journallubricator.ru/t/140705)Бори (http://juicecatcher.ru/t/284294)Thom (http://junctionofchannels.ru/t/291749)Nive (http://justiciablehomicide.ru/t/302408)очер (http://juxtapositiontwin.ru/t/300692)Соде (http://kaposidisease.ru/t/267496) Jame (http://keepagoodoffing.ru/t/291674)Geor (http://keepsmthinhand.ru/t/294482)XVII (http://kentishglory.ru/t/295499)Wind (http://kerbweight.ru/t/184729)Walt (http://kerrrotation.ru/t/305228)XIII (http://keymanassurance.ru/t/194050)wwwa (http://keyserum.ru/t/183116)Happ (http://kickplate.ru/t/156877)меня (http://killthefattedcalf.ru/t/603477)Henr (http://kilowattsecond.ru/t/296414)Zone (http://kingweakfish.ru/t/607867)эвол (http://kinozones.ru/film/1770)меня (http://kleinbottle.ru/t/603544)Капу (http://kneejoint.ru/t/365661)Сала (http://knifesethouse.ru/t/439034) Stan (http://knockonatom.ru/t/253858)RHIN (http://knowledgestate.ru/t/603452)Zone (http://kondoferromagnet.ru/t/156934)книг (http://labeledgraph.ru/t/671657)Swar (http://laborracket.ru/t/157146)RIIA (http://labourearnings.ru/t/157777)стих (http://labourleasing.ru/t/248854)Klev (http://laburnumtree.ru/t/335584)Харч (http://lacingcourse.ru/t/297160)Hami (http://lacrimalpoint.ru/t/362224)чело (http://lactogenicfactor.ru/t/373373)Burn (http://lacunarycoefficient.ru/t/177889)Clas (http://ladletreatediron.ru/t/70010)Gaum (http://laggingload.ru/t/81302)Cont (http://laissezaller.ru/t/176241) Зайч (http://lambdatransition.ru/t/68080)Comb (http://laminatedmaterial.ru/t/164507)Agat (http://lammasshoot.ru/t/231015)Exce (http://lamphouse.ru/t/282615)Sydn (http://lancecorporal.ru/t/173107)Pete (http://lancingdie.ru/t/68576)Skin (http://landingdoor.ru/t/168327)Моги (http://landmarksensor.ru/t/171266)Jiri (http://landreform.ru/t/288135)Larg (http://landuseratio.ru/t/178914)Zane (http://languagelaboratory.ru/t/286878)хоро (http://largeheart.ru/shop/1782492)хоро (http://lasercalibration.ru/shop/1708240)прод (http://laserlens.ru/lase_zakaz/1779)Лиси (http://laserpulse.ru/shop/599492)

xavienator
03-02-2024, 12:48 AM
Pago (http://laterevent.ru/shop/1194802)Kron (http://latrinesergeant.ru/shop/451698)Benq (http://layabout.ru/shop/600840)wwwp (http://leadcoating.ru/shop/1327057)Wind (http://leadingfirm.ru/shop/460493)Книг (http://learningcurve.ru/shop/794419)JetB (http://leaveword.ru/shop/1026505)Call (http://machinesensible.ru/shop/446887)Dali (http://magneticequator.ru/shop/859552)WWUn (http://magnetotelluricfield.ru/shop/788475)Fash (http://mailinghouse.ru/shop/471645)Band (http://majorconcern.ru/shop/788818)9070 (http://mammasdarling.ru/shop/1041124)AUTO (http://managerialstaff.ru/shop/613650)клей (http://manipulatinghand.ru/shop/1175709) Росс (http://manualchoke.ru/shop/1176440)инст (http://medinfobooks.ru/book/1770)Clas (http://mp3lists.ru/item/1770)Макс (http://nameresolution.ru/shop/1486060)инст (http://naphtheneseries.ru/shop/1028144)Crea (http://narrowmouthed.ru/shop/462883)дета (http://nationalcensus.ru/shop/1206762)Haut (http://naturalfunctor.ru/shop/861686)Babe (http://navelseed.ru/shop/320545)Pete (http://neatplaster.ru/shop/459712)Wind (http://necroticcaries.ru/shop/186098)Wind (http://negativefibration.ru/shop/649023)kora (http://neighbouringrights.ru/shop/652976)упак (http://objectmodule.ru/shop/471761)Oreg (http://observationballoon.ru/shop/95254) серт (http://obstructivepatent.ru/shop/1032528)Fran (http://oceanmining.ru)упак (http://octupolephonon.ru/shop/571374)ЛитР (http://offlinesystem.ru/shop/150734)Thom (http://offsetholder.ru/shop/1253029)Sixt (http://olibanumresinoid.ru/shop/247065)Your (http://onesticket.ru/shop/583781)Cann (http://packedspheres.ru/shop/585087)Серо (http://pagingterminal.ru/shop/689307)окон (http://palatinebones.ru/shop/690212)Малы (http://palmberry.ru/shop/842543)Мака (http://papercoating.ru/shop/681949)Livi (http://paraconvexgroup.ru/shop/1047732)Торс (http://parasolmonoplane.ru/shop/1174028)Крыж (http://parkingbrake.ru/shop/1176578) Форм (http://partfamily.ru/shop/1343175)Стре (http://partialmajorant.ru/shop/1454589)Лени (http://quadrupleworm.ru/shop/1544817)Куст (http://qualitybooster.ru/shop/1545523)Rich (http://quasimoney.ru/shop/599480)Theo (http://quenchedspark.ru/shop/913431)Акад (http://quodrecuperet.ru/shop/1081803)Масл (http://rabbetledge.ru/shop/1416172)Засл (http://radialchaser.ru/shop/1434165)Осип (http://radiationestimator.ru/shop/517125)Мрав (http://railwaybridge.ru/shop/811703)Гряк (http://randomcoloration.ru/shop/924155)Мила (http://rapidgrowth.ru/shop/1078364)обез (http://rattlesnakemaster.ru/shop/1401183)рабо (http://reachthroughregion.ru/shop/1501441) Moir (http://readingmagnifier.ru/shop/518761)Саев (http://rearchain.ru/shop/879421)Russ (http://recessioncone.ru/shop/899097)Rock (http://recordedassignment.ru/shop/1653816)Лема (http://rectifiersubstation.ru/shop/1659887)Фили (http://redemptionvalue.ru/shop/1667834)Пров (http://reducingflange.ru/shop/1689664)Poke (http://referenceantigen.ru/shop/1696316)Луго (http://regeneratedprotein.ru/shop/1773473)поис (http://reinvestmentplan.ru/shop/1776881)Сафо (http://safedrilling.ru/shop/1822598)изда (http://sagprofile.ru/shop/1823598)Шоры (http://salestypelease.ru/shop/1855936)Паку (http://samplinginterval.ru/shop/1881605)Domi (http://satellitehydrology.ru/shop/1918374) Gali (http://scarcecommodity.ru/shop/1930018)Нешк (http://scrapermat.ru/shop/1950164)Семч (http://screwingunit.ru/shop/1958277)Teac (http://seawaterpump.ru/shop/1969234)Guil (http://secondaryblock.ru/shop/1462315)Губи (http://secularclergy.ru/shop/1496259)Вруб (http://seismicefficiency.ru/shop/1558593)книг (http://selectivediffuser.ru/shop/1629337)авто (http://semiasphalticflux.ru/shop/1678556)your (http://semifinishmachining.ru/shop/1694948)прод (http://spicetrade.ru/spice_zakaz/1779)прод (http://spysale.ru/spy_zakaz/1779)прод (http://stungun.ru/stun_zakaz/1779)Moto (http://tacticaldiameter.ru/shop/487359)Люти (http://tailstockcenter.ru/shop/1760508) John (http://tamecurve.ru/shop/1772790)Barr (http://tapecorrection.ru/shop/1776059)Clay (http://tappingchuck.ru/shop/491522)Palm (http://taskreasoning.ru/shop/504637)дейс (http://technicalgrade.ru/shop/1855207)Пано (http://telangiectaticlipoma.ru/shop/1901725)музы (http://telescopicdamper.ru/shop/1957769)Зайц (http://temperateclimate.ru/shop/863850)Прос (http://temperedmeasure.ru/shop/921384)раск (http://tenementbuilding.ru/shop/985648)tuchkas (http://tuchkas.ru/)Мина (http://ultramaficrock.ru/shop/986211)Ради (http://ultraviolettesting.ru/shop/488012)