Image Shelf es la galería y editor visual definitivo integrado directamente dentro de Visual Studio Code.
Diseñado especialmente para desarrolladores y creativos que necesitan explorar, revisar y editar imágenes en su espacio de trabajo de forma rápida y nativa. Atrás quedan los días en los que se debía iniciar programas externos pesados para realizar pequeñas tareas de diseño. ¡Ten el control total desde tu propio código!
✨ Características Principales
- 🗃️ Galería Lateral Integrada: Explora, filtra, y busca en formato visualizado tarjetas de presentación limpias sobre todas las imágenes dentro de tu espacio de trabajo.
- 📷 Múltiples Formatos: Soporte integrado estricto en
.png,.jpg,.jpeg, y.webp. - 💎 UX Nativamente Integrada: Disfruta de la mejor integración y usabilidad. Empleamos directamente la tipografía, paleta de colores y la biblioteca oficial de iconos (Codicons) respetando fielmente la interfaz premium de VS Code.
- 🎨 Visual Editor (Editor Integral): Disponible con rápido doble click:
- ✂️ Recorte Preciso: Dibuja recortes sobre el escenario, reacomoda selectores, y realiza dos clicks para enviarlo: el editor avisará usando notificaciones nativas de protección sobre opciones de copiado y sobreescritura.
- 🪄 Varita Mágica Transparente (Trim): Ejecuta una recodificación limpiando la redundancia y transparencia visual al instante.
- 📐 Redimensionado Robusto: Establece las medidas desde un input o directamente jugando con el pivote
Shiftsin destrozar proporciones. Una memoria interna preservará el estado si prefieres estilar sobre su archivo o copias en el futuro.
- 🚨 Comandos Contextuales Totales: Ejecuta cambios de rutas, copias y eliminaciones sin tocar el explorador por defecto.
🚀 Uso Rápido
- Abre tu carpeta preferida, busca y ejecuta extensiones en su marco.
- Selecciona el ícono de Image Shelf en tu Barra de Actividades del lado izquierdo.
- Encuentra tu imagen favorita filtrando textualmente.
- Interactúa con las herramientas con click simples como para revelar ruta, abrirla localmente o renombrar al vuelo el recurso.
- Haz un doble click, abrirás el grandioso panel principal Visual Editor:
- Genera transformaciones.
- Clickea dos veces dentro y elige el destino final desde tu modal de alertas para recortarla.
Sobre el autor 👨💻
Image Shelf fue desarrollada con ❤️ desde Colombia 🇨🇴 por elaverde.
Apoya este proyecto ☕
Si esta extensión te ha resultado útil, considera apoyarme con un café: