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 Shift sin 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é:
