Paveikslų perdanga bet kuriame HTML / tinklalapyje, skirta palyginimui už pikselius [„Chrome“]

click fraud protection

„PerfectPixel“, „Chrome“ plėtinys, leidžia interneto svetainių kūrėjams ir dizaineriams lengvai perdengti pusiau skaidrų vaizdą virš sukurtos HTML svetainės viršaus. Perkeldami vaizdą tinklalapyje, kūrėjai gali vizualiai pamatyti pikselių skirtumą. Plėtinyje taip pat yra neskaidrumo parinktis, leidžianti peržiūrėti tiek perdangą, tiek sukurtą HTML. Kai judate vaizdą, koordinatės automatiškai atnaujinamos iššokančiajame „PerfectPixel“, kurį vėliau gali nukopijuoti ir naudoti žiniatinklio kūrėjai.

Įdiegę plėtinį spustelėkite mygtuką įrankių juostoje, o jūsų tinklalapyje pasirodys iššokantis langas. Spustelėkite Pridėti naują sluoksnį ir pasirinkite failą iš vietinės sistemos. Šis vaizdas akimirksniu bus pridėtas kaip sluoksnis visame tinklalapyje. Tu gali Rodyti Slėpti vaizdus ir taip pat pasirinkti skirtingus. Perkelkite vaizdą aplink, norėdami jį išbandyti skirtingose ​​vietose, o koordinatės bus automatiškai atnaujintos iššokančiame lange. Galite pridėti tiek vaizdų, kiek jums patinka, ir pasirinkite juos spustelėdami. Kai vaizdas yra tinkamai padėtas, galite naudoti atnaujintas koordinates, norėdami pateikti savo vaizdą CSS. Kūrėjas paminėjo daugybę perdangų palaikymo; tačiau mūsų bandymai nesugebėjo pridėti kelių sluoksnių.

instagram viewer

„PerfectPixel“ (2)

„PerfectPixel“ Galimybės leisti jums įjungti Sandėliavimo suderinamumo režimas, kuri yra skirta suderinti su nuotraukų įkėlimu susijusias problemas. Tačiau vienas suderinamumo režimo naudojimo apribojimas yra tai, kad failo dydis negali būti didesnis kaip 1,5 MB. Taip pat galite įjungti Derinimo režimas ir Greitieji klavišai.

galimybės

tačiau mūsų bandymai parodė, kad nors galite pridėti kelis sluoksnius, tuo pačiu metu galite peržiūrėti tik vieną sluoksnį vienu metu. Tai yra apgailėtinas apribojimas, todėl kūrėjas turėtų apsvarstyti jo pakeitimą, kad būtų galima peržiūrėti kelis sluoksnius vienu metu. Mygtukas „Užrakinti“ išsaugo jūsų pridėto vaizdo sluoksnio vietą ir net jei išeinate iš plėtinio (spustelėkite jo mygtuką vėl, kad skydelis dingtų), jis atsimins tų vaizdų vietą, kai kitą kartą atidarysite tai.

„PerfectPixel“ plėtinys yra gana patogus įrankis žiniatinklio kūrėjams ir dizaineriams, jį galima rasti žemiau esančioje „Chrome“ internetinės parduotuvės nuorodoje.

Įdiekite „Google Chrome“ skirtą „PerfectPixel“

watch instagram story