Ce que PerfectPixel by WellDoneCode (pixel perfect) fait

PerfectPixel by WellDoneCode (pixel perfect), publié par Ilya Stepanov, est listé pour Chrome. Le développeur décrit son objectif comme « Déposez votre maquette sur la page en direct pour une comparaison pixel parfaite avec votre code. » Ce guide rassemble les fonctionnalités documentées, les points d’entrée d’installation et les détails de compatibilité afin que vous puissiez décider si cela correspond à votre mission.

Caractéristiques documentées

La liste officielle documente ci-dessous les capacités. Comparez les fonctions dont vous avez besoin avec la plateforme disponible et les informations payantes avant l’installation. Ce sont les descriptions du développeur, pas des résultats indépendants de tests de performance ou de sécurité.

« Positionnez et mettez à l’échelle la superposition, puis ajustez l’opacité pour comparer. »
« Superposer n’importe quel PNG, JPG ou SVG sur n’importe quelle page web »
« Opacité réglable pour une comparaison visuelle en temps réel »
« 4 modes de fusion (Différence, Inverser, Multiplier, Superposer) plus Normal — chacun utile pour détecter différents types de désaccords »
« Conception mobile en mode appareil DevTools : déplacer PerfectPixel sur le panneau latéral du navigateur, pour que la fenêtre reste dégagée »
« Persistance par domaine : vos couches restent enregistrées par site et restaurent automatiquement entre les sessions du navigateur »
« Plusieurs couches par domaine »
« Contrôles de mise à l’échelle, de repositionnement et de centrage »

Installation et ouverture PerfectPixel by WellDoneCode (pixel perfect)

Ouvrez le lien Chrome Web Store, confirmez PerfectPixel by WellDoneCode (pixel perfect) et l’éditeur Ilya Stepanov, puis sélectionnez Ajouter à Chrome. Lisez les autorisations demandées avant de confirmer. Après installation, le menu Extensions de Chrome donne accès à l’extension ; épingler son icône de barre d’outils est optionnel. Pour la désactiver ou la supprimer plus tard, utilisez la page Gérer les extensions de Chrome.

Le manifeste déclare une action de barre d’outils. Utilisez son entrée dans la barre d’outils pour ouvrir l’action de l’extension. Une page d’options est déclarée ; ouvrez les détails de l’extension dans Gérer les extensions pour accéder à ses paramètres.

Utilisation du flux de travail documenté

Commencez par l’opération qui correspond à votre tâche. Les actions suivantes sont documentées dans la liste officielle ; Ce sont des options d’utilisation distinctes, pas une séquence que chaque utilisateur doit accomplir. Pour les contrôles non nommés ici, consultez https://www.welldonecode.com/perfectpixel plutôt que de supposer qu’un bouton ou un menu particulier existe.

« Verrouillez la superposition pour cliquer dessus et interagir avec les éléments de la page en dessous »
« Comment ça fonctionne : installez l’extension, ouvrez n’importe quelle page, et déposez une image — glissez-déposez, collez une URL, collez depuis le clipboard, ou utilisez le sélecteur de fichiers. »

Plateformes, versions et langages d’interface

Éditions vérifiées du magasin : Chrome, Microsoft Edge, Firefox. La version capturée de Chrome est la 3.2.0.2, mise à jour le 28-09-2026. Les numéros de version et la disponibilité des fonctionnalités peuvent varier d’un magasin à l’autre. Utilisez le bouton officiel correspondant ; un navigateur partageant Chromium n’est pas la preuve d’une édition officielle séparée.

Le magasin officiel liste 3 langages d’interface. Les balises de langue prise en charge sur cette page proviennent de ces métadonnées produit ; Elles sont distinctes des huit langues disponibles pour ce guide. Vérifiez dans le magasin actuel si une langue particulière est essentielle à votre flux de travail.

Prix et fonctionnalités payantes

Le développeur décrit une version gratuite, une version d’essai ou gratuite, ainsi que des fonctionnalités payantes. Consultez le site officiel pour connaître les limites actuelles de fonctionnalités et les prix dans votre région. L’installation du package navigateur et l’abonnement à un service connecté sont des actions distinctes ; Un seul bouton de boutique de navigation ne permet pas de déterminer quelles fonctionnalités payantes sont incluses.

Autorisations, confidentialité et limites pratiques

Le manifeste d’extension publié liste ces autorisations API : activeTab, scripting, sidePanel, storage, unlimitedStorage. Ce sont des capacités déclarées, pas des preuves des données réellement collectées par le développeur. Consultez la demande d’installation de Chrome et la politique de confidentialité du développeur (https://www.welldonecode.com/privacy/) avant d’accorder l’accès.

Les détails de l’extension Chrome permettent d’inspecter l’accès au site et de désactiver l’extension. Si un contrôle attendu n’apparaît pas, vérifiez que l’extension est activée et que le site actuel est un support dans sa description. N’accordez pas l’accès à chaque site simplement pour dépanner un seul site.

Questions sur PerfectPixel by WellDoneCode (pixel perfect)

Où est le téléchargement officiel ? Utilisez le bouton Chrome Web Store pour l’annonce exacte mentionnée dans ce guide : https://chromewebstore.google.com/detail/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=en. Pour d’autres plateformes vérifiées, utilisez leurs boutons de boutique séparés. Cette page ne distribue pas de paquets d’installation ni de copies modifiées.

Où dois-je chercher si une fonctionnalité a changé ? Comparez la version actuelle du magasin avec la 3.2.0.2, puis vérifiez https://www.welldonecode.com/perfectpixel. Les captures d’écran du magasin montrent les images du produit fournies, mais les versions ultérieures et les agencements des appareils peuvent différer. Utilisez le canal d’assistance officiel pour les questions de compte, de facturation et spécifiques aux produits.

Captures d’écran