Deutsch 
Español 
日本語 
한국어 
Polski 
Português 
Pixelay vs Percy
Alternative à Percy. Comparez au design, pas seulement à la capture précédente.
Comparez Percy et Pixelay pour distinguer les tests de régression visuelle de la QA du design. Pixelay compare une page web au design Figma validé ; Percy teste les modifications par rapport à des captures de référence dans un workflow automatisé.
Installation gratuite. 10 essais Pro inclus, sans carte bancaire.
Thank you so much Adam, this helped me a lot on deadline!
Percy ou Pixelay ?
Comparez les workflows, puis choisissez l’outil adapté à votre prochain projet.
| Percy |  Avec Pixelay |
|---|---|
| Captures de référence Percy propose des tests de régression visuelle par rapport à des captures de référence. | Modes de comparaison visuelle de sites web Passez de la superposition à l’écran partagé, à la détection des différences ou à quatre autres vues pendant que vous comparez un site web à son design Figma. Lire le guide Pixelay |
| Vérifications automatisées Percy intègre les tests visuels aux workflows de développement. | QA des sites de préproduction et privés Comparez un design Figma à un site web en production, en préproduction, en local ou privé. Le site n’a pas besoin d’être public pour la QA visuelle. Lire le guide Pixelay |
| Revue des modifications Son processus de revue se concentre sur les différences visuelles entre les versions. | Comparez vos designs Figma à un site web Superposez un design Figma au site web correspondant pour repérer les écarts d’espacement, d’alignement, de typographie, de dimensions et d’implémentation avant la mise en ligne. Lire le guide Pixelay |
10 essais Pro gratuits inclus. Sans carte bancaire.
Essayez Pixelay sur votre propre fichierChoisissez votre workflow
Choisissez l’outil adapté à chaque tâche.
En pratique
Ce que vous pouvez faire avec Pixelay.
Découvrez les fonctionnalités derrière le workflow, avec des démonstrations et des guides de configuration.
Voyez tous les écarts visuels dans une seule vue de recette web.
Passez de la superposition à l’écran partagé, à la détection des différences et à quatre autres vues pendant que vous comparez un site web avec sa maquette Figma.
- Sept modes de comparaison
- Revue de pages web complètes
- Mise en évidence des différences
Comparez avec Figma des sites en ligne, en préproduction, locaux ou privés.
Comparez une maquette Figma avec un site en ligne, en préproduction, local ou privé. Le site n’a pas besoin d’être public pour la recette visuelle.
- URL en ligne et de préproduction
- Prise en charge des environnements privés
- Recette visuelle avant lancement
Comparez le site en ligne directement avec sa maquette Figma.
Superposez une maquette Figma au site web correspondant pour repérer les écarts d’espacement, d’alignement, de typographie, de dimensions et d’intégration avant le lancement.
- Superposition de la maquette sur le site
- Recette visuelle au pixel près
- Revue rapide de l’intégration
Testez sur un vrai projet
Migrez votre workflow vers Pixelay.
Commencez par un fichier représentatif avant de changer le processus de l’équipe.
Pixelay ProCe qu’il faut vérifier avant de changer.
Pixelay ne remplace pas le pipeline automatisé de Percy. Une capture peut rester identique tout en différant de Figma : les deux vérifications peuvent donc se compléter. Alignez l’état du navigateur et le viewport avant la QA manuelle du design.
Lire le guide du workflow- Partez d’une page qui passe le test de sa capture de référence mais diffère de la mise en page Figma validée. Chargez le design et le site web ensemble.
- Passez d’un mode de comparaison à l’autre.
- Vérifiez chaque page et chaque breakpoint. Pixelay ne remplace pas le pipeline automatisé de Percy.
Questions fréquentes
Ce qu’il faut savoir avant de commencer.
Quand choisir Pixelay plutôt que Percy ?
Designers qui vérifient si une implémentation correspond au design prévu, et pas seulement si elle a changé par rapport à une capture précédente.
Dans quels cas vaut-il mieux choisir Percy ?
Équipes techniques qui ont besoin de tests automatisés de régression visuelle dans un pipeline de tests ou de mise en production.
Que dois-je vérifier avant de changer d’outil ?
Pixelay ne remplace pas le pipeline automatisé de Percy. Une capture peut rester identique tout en différant de Figma : les deux vérifications peuvent donc se compléter. Alignez l’état du navigateur et le viewport avant la QA manuelle du design.
Peut-on utiliser Pixelay et Percy ensemble ?
Oui. Utilisez Pixelay pour vérifier l’implémentation par rapport au design et Percy pour surveiller les changements visuels dans un workflow de développement automatisé. Ils répondent à des questions différentes et peuvent s’inscrire dans le même processus de mise en production.
Puis-je essayer Pixelay avant de passer à une offre payante ?
Oui. Installez Pixelay depuis la Figma Community pour profiter de 10 essais Pro gratuits. Sans carte bancaire.
Devis PDF ↗ 
