# Convertisseur (immédiat) de Pixel en REM pour projets Webflow Tutoriel3 minPublié le Mar 15, 2022Dernière mise à jour le ![webflow pixel en rem](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671250270eb28075dabdeb60_64760069e93084646c9eee10_6230680561a34988f5c5aa5d_Open-Graph-webflow-pixels-to-rems.png)Sommaire [ Copied](#)[ ](#)[ ](#)[ ](#) - [H2 Example](#) Résumez cet article avec une IA[ ChatGPT](#)[ Claude](#)[ Grok](#)[ Perplexity](#)[ Google AI](#)Points clés de l'articleUn pixel et un rem sont deux unités utilisées dans le développement web. Nous expliquons en détail pourquoi il est préférable d'utiliser des [rem plutôt que des pixels](/fr/blog/rem-pixel-quelle-difference-site) pour votre site. Si **votre site web** est entièrement ou partiellement **créé en utilisant des pixels**, et que vous souhaitez faire une **conversion vers le REM**, cette **nouvelle fonctionnalité** vous plaira ! ## Nouvelle fonctionnalité de l'extension Finsweet ! Avez-vous déjà entendu parler de - **Finsweet Extension for Webflow **- comme extension Google Chrome ? Si vous utilisez [Webflow](/fr/webflow) mais n'avez pas encore essayé cet outil, nous vous recommandons d'y jeter un coup d'œil. Elle débloque de nombreuses fonctionnalités qui vous facilitent la vie lorsque vous utilisez l'outil de conception Webflow. ## Comment utiliser le convertisseurs de Pixel ? ### 1 - Télécharger l'extension ### 2 - Ouvrez votre projet Webflow ### 3 - Ouvrez l'extension -> Client-first -> Px to REM Migrator ![How to Pixel to rem migrator sur l'extension Finsweet for Webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671250280eb28075dabdebea_64760069e93084646c9eee11_6230480f5196e5cbc5ca5908_pixel-to-rem-gif-finsweet.gif) ### 4 - Cliquez sur "Start Migration" pour convertir vos pixels en REM Et, voilà ! - Le travail est terminé. Disons que l**'ensemble de votre CSS** (mise en page, animations, polices, etc) a été **converti en REMs**. Votre** site est maintenant réactif à 100%** et **s'adapte aux préférences de l'utilisateur**. Envie de découvrir d'autres produits pour Webflow développé par Finsweet ? Découvrez [les attributs](/fr/blog/les-attributs-finsweet-dopage-site-webflow), une solution pour résoudre les limites techniques du logiciel CMS Webflow. [ ](#)![Florian Bodelot](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a725470105160732b0a8a_florian-website-vf.webp)Florian BodelotCo-fondateur[ ](/fr/team/florian-bodelot)[ ](https://fr.linkedin.com/in/florian-bodelot-digidop)[ ](https://twitter.com/florian_bodelot)+1200 lecteurs ## Restez informé(e) Abonnez-vous à notre newsletter pour des conseils et actus exclusives. [S'inscrire ](https://digidopfr.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Prévisualiser la Newsletter ](https://digidopfr.substack.com/) ## Articles qui devraient vous intéresser ![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab92cc629d6018592f49d92_Best%20B2B%20SaaS%20Agencies%20in%202026_FR.webp)DocumentationTout voir ### Top 20 meilleures agences web et digitales pour SaaS B2B en 2026 [Top 20 meilleures agences web et digitales pour SaaS B2B en 2026](/fr/blog/top-agences-b2b-saas)Top 20 meilleures agences web et digitales pour SaaS B2B en 2026![Interface Webflow Source montrant les agents IA, l’édition de site et les Views par métier dans un espace de travail unifié.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDéveloppementTout voir ### Webflow lance Source. Notre avis sur ce shift. [Webflow lance Source. Notre avis sur ce shift.](/fr/blog/webflow-lance-source)Webflow lance Source. Notre avis sur ce shift.![Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationIATout voir ### Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA [Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA](/fr/blog/comment-rendre-son-site-visible-chatgpt-perplexity-et-moteurs-ia)Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA[Voir tous les articles ](/fr/blog)Les meilleurs projets web commencent par une conversation[Discuter avec un expert ](/fr/contact)[Réserver un appel ](/fr/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)