Title: Dev Favicon Switcher Author: karasunouta Published: 10 de abril de 2026 Last modified: 13 de junio de 2026 --- Buscar plugins ![](https://ps.w.org/dev-favicon-switcher/assets/banner-772x250.png?rev=3517162) ![](https://ps.w.org/dev-favicon-switcher/assets/icon-256x256.png?rev=3517162) # Dev Favicon Switcher Por [karasunouta](https://profiles.wordpress.org/karasunouta/) [Descargar](https://downloads.wordpress.org/plugin/dev-favicon-switcher.1.5.5.zip) * [Detalles](https://ve.wordpress.org/plugins/dev-favicon-switcher/#description) * [Valoraciones](https://ve.wordpress.org/plugins/dev-favicon-switcher/#reviews) * [Instalación](https://ve.wordpress.org/plugins/dev-favicon-switcher/#installation) * [Desarrollo](https://ve.wordpress.org/plugins/dev-favicon-switcher/#developers) [Soporte](https://wordpress.org/support/plugin/dev-favicon-switcher/) ## Descripción **Dev Favicon Switcher** helps you easily distinguish between your production and development environments. It automatically displays a different favicon based on the current URL, avoiding mistakes where you might accidentally edit the live site thinking it’s the development environment. **Key Features:** * **Automatic Environment Detection**: Automatically applies the development favicon on common local domains (`.local`, `.test`, `.dev`). * **Custom Development URLs**: Specify exact URLs where the development favicon should appear (supports multiple URLs). * **Easy Icon Management**: Upload your own dev favicon using the WordPress media uploader, complete with built-in image cropping. * **Restore Default Icon**: Don’t have an icon handy? Easily apply our unified default development favicon with a single click. * **Automatic Size Generation**: Automatically generates all standard WordPress site icon sizes (32×32, 180×180, 192×192, 270×270) to ensure compatibility across all devices and browsers. * **Admin Bar Styling**: Customize the admin bar’s background and text colors to clearly identify your development environment at a glance, with a live preview and easy reset options. * **No Frontend Bloat**: Everything works efficiently via standard WordPress filters without adding unnecessary frontend scripts. Perfect for developers working with local environments, staging servers, and migration tools like All-in-One WP Migration. For a detailed setup and usage guide, please check out our [detailed guide](https://karasunouta.com/en/wp-plugins/dev-favicon-switcher/). Development Source: This plugin is developed using npm and webpack. You can find the human-readable source code and build tools in our [public repository](https://github.com/karasunouta/dev-favicon-switcher). ## Capturas [⌊The settings screen showing the dev favicon and admin bar styling already active in the browser.⌉⌊The settings screen showing the dev favicon and admin bar styling already active in the browser.⌉[ The settings screen showing the dev favicon and admin bar styling already active in the browser. [⌊Clicking "Select Dev Favicon" opens the Media Library popup to choose a custom image.⌉⌊Clicking "Select Dev Favicon" opens the Media Library popup to choose a custom image.⌉[ Clicking «Select Dev Favicon» opens the Media Library popup to choose a custom image. [⌊Cropping the selected image to a square before setting it as the dev favicon.⌉⌊ Cropping the selected image to a square before setting it as the dev favicon.⌉[ Cropping the selected image to a square before setting it as the dev favicon. [⌊The cropped image reflected in the settings screen and automatically applied in the browser tab bar.⌉⌊The cropped image reflected in the settings screen and automatically applied in the browser tab bar.⌉[ The cropped image reflected in the settings screen and automatically applied in the browser tab bar. [⌊Customizing the admin bar colors for easier environment identification, featuring a color picker with a live preview and quick reset options.⌉⌊Customizing the admin bar colors for easier environment identification, featuring a color picker with a live preview and quick reset options.⌉[ Customizing the admin bar colors for easier environment identification, featuring a color picker with a live preview and quick reset options. ## Instalación 1. Upload the `dev-favicon-switcher` folder to the `/wp-content/plugins/` directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. Configure the plugin by going to **Settings > Dev Favicon**. ## Preguntas frecuentes ### Does this modify my actual production site? No. The plugin only overrides the favicon URL dynamically when it detects that you are accessing the site via one of your configured development URLs (or auto-detected extensions). Your live site will continue to load its normal configured site icon. ### How does the auto-detect feature work? If enabled, the plugin checks your current domain. If it ends with `.local`, `.test`, or `.dev`, it automatically considers the environment a development one and switches the favicon. ### What if I don’t have a specific development favicon to upload? You can simply click the «Restore Default» button in the settings, and the plugin will apply a built-in default development favicon for you. ### Does it support image cropping? Yes! When you upload or select a new development favicon from the media library, the plugin provides a cropping tool just like the native WordPress Site Icon feature. ## Reseñas No hay reseñas para este plugin. ## Colaboradores y desarrolladores «Dev Favicon Switcher» es un software de código abierto. Las siguientes personas han colaborado con este plugin. Colaboradores * [ karasunouta ](https://profiles.wordpress.org/karasunouta/) «Dev Favicon Switcher» ha sido traducido a 1 idioma local. Gracias a [los traductores](https://translate.wordpress.org/projects/wp-plugins/dev-favicon-switcher/contributors) por sus contribuciones. [Traduce «Dev Favicon Switcher» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/dev-favicon-switcher) ### ¿Interesado en el desarrollo? [Revisa el código](https://plugins.trac.wordpress.org/browser/dev-favicon-switcher/), echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/dev-favicon-switcher/) o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/dev-favicon-switcher/) por [RSS](https://plugins.trac.wordpress.org/log/dev-favicon-switcher/?limit=100&mode=stop_on_copy&format=rss). ## Registro de cambios #### 1.5.5 * Fix: Adjusted Japanese translation spacing and punctuation to align with the WordPress translation style guide. #### 1.5.4.8 * Added a link to the detailed setup guide. #### 1.5.4.7 * Added .distignore to the exclusion list in .distignore. #### 1.5.4.5 * Fixed a formatting issue in the readme.txt changelog. #### 1.5.4.4 * Added .distignore to exclude development files from the distribution package. #### 1.5.4.3 * Reduced the number of tags to 5 for WordPress.org compliance. #### 1.5.4.2 * Added «admin bar» tag and improved feature descriptions in readme.txt. * Updated version numbering. #### 1.5.4.1 * Updated readme.txt #### 1.5.4 * Adjusted the naming conventions for JS files and translation files. #### 1.5.0 * Added admin bar styling options. * Added «Force apply» option for admin bar styles. * Added «Restore Default» button for admin bar styles. * Added «Clear Settings» button for admin bar styles. #### 1.4.7 * Published on WP.org #### 1.3.12 * Added a refined settings UI with standard WordPress styling. * Added standard WP image cropping implementation. * Added «Restore Default» favicon capability. * Added automatic garbage collection for old unused favicons. * Fully prepared for translation. #### 1.0.0 * Initial release. ## Meta * Version **1.5.5** * Last updated **hace 3 semanas** * Active installations **Menos de 10** * WordPress version ** 5.0 o superior ** * Tested up to **6.9.4** * PHP version ** 7.0 o superior ** * Languages * [English (US)](https://wordpress.org/plugins/dev-favicon-switcher/) y [Japanese](https://ja.wordpress.org/plugins/dev-favicon-switcher/). * [Traducir a tu idioma](https://translate.wordpress.org/projects/wp-plugins/dev-favicon-switcher) * Tags * [admin bar](https://ve.wordpress.org/plugins/tags/admin-bar/)[development](https://ve.wordpress.org/plugins/tags/development/) [favicon](https://ve.wordpress.org/plugins/tags/favicon/)[site icon](https://ve.wordpress.org/plugins/tags/site-icon/) [staging](https://ve.wordpress.org/plugins/tags/staging/) * [Vista avanzada](https://ve.wordpress.org/plugins/dev-favicon-switcher/advanced/) ## Valoraciones No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/dev-favicon-switcher/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/dev-favicon-switcher/reviews/) ## Colaboradores * [ karasunouta ](https://profiles.wordpress.org/karasunouta/) ## Soporte ¿Tienes algo que decir? ¿Necesitas ayuda? [Ver el foro de soporte](https://wordpress.org/support/plugin/dev-favicon-switcher/)