La foto de cabecera de tu web se ve bien en Photoshop, pero al colocarla en la plantilla queda cortada por los lados. Para encuadrarla, puedes usar la herramienta Recortar y ajustar la proporción, aunque el resultado dependerá de si necesitas conservar los píxeles originales o entregar unas dimensiones exactas.
Elige el encuadre según el uso final de la imagen
- Recortar: pulsa C, ajusta el marco y confirma con Intro o Retorno.
- Para una plantilla: fija la proporción que pide el diseño antes de mover el encuadre.
- Para seguir editando: desmarca «Eliminar píxeles recortados».
- Recortar no redimensiona: selecciona píxeles existentes; no crea los que falten para alcanzar un tamaño.
Recorta la foto con el marco y revisa el encuadre antes de confirmar
Si el borde de recorte aparece alrededor de toda la imagen, ya puedes decidir qué queda dentro. Pulsa C para activar Recortar y arrastra las esquinas o los lados del marco; para recolocar la foto dentro, haz clic en su interior y arrastra.
Cuando el sujeto quede bien situado, pulsa Intro en Windows o Retorno en macOS, o selecciona «Listo». Si el horizonte está torcido, coloca el cursor fuera de una esquina del marco y arrastra cuando aparezca el icono de rotación. Adobe también permite elegir una superposición, como la regla de los tercios, para valorar la composición antes de aplicar el recorte.
Si la plantilla exige una proporción, fíjala antes de ajustar el marco
Un encuadre que queda bien en pantalla puede no servir para una tarjeta de producto cuadrada o una cabecera panorámica. En la barra de opciones, selecciona una relación de aspecto predefinida o introduce la que pide tu diseño; después mueve la imagen dentro del marco para conservar el elemento principal.
| Situación | Qué puede pasar | Qué hacer |
|---|---|---|
| El diseño requiere una proporción fija | Un recorte libre puede dejar bordes que no encajan en el espacio. | Elige la proporción indicada por la plantilla antes de ajustar el marco. |
| La imagen debe conservar su composición original | Una proporción distinta puede cortar parte del sujeto o del fondo. | Prueba «Relación original» y desplaza el marco para escoger qué margen sacrificar. |
| Necesitas un archivo con dimensiones en píxeles determinadas | La proporción por sí sola no garantiza el ancho y alto finales. | Usa los campos de ancho y alto con unidades en píxeles; comprueba el tamaño final al exportar. |
La decisión práctica es sencilla: si el destino impone un formato, fija primero la proporción; si el encuadre manda, conserva la relación original. Para una miniatura cuadrada de producto, por ejemplo, centra el objeto dentro del marco 1:1 y comprueba que no desaparezcan detalles como asas, esquinas o sombra.
Desactiva «Eliminar píxeles recortados» mientras el diseño siga abierto
La casilla «Eliminar píxeles recortados» determina si Photoshop conserva lo que queda fuera del marco. Si está activada, esas zonas se eliminan del documento; si la desactivas, puedes volver a la herramienta y recuperar margen para cambiar el encuadre.
Para una composición que aún puede cambiar, yo prefiero mantener esa opción desactivada. Si entregas una versión final y necesitas reducir el documento, guarda primero una copia editable en PSD: así el archivo de entrega puede quedar limpio sin cerrar la puerta a ajustes posteriores.
Recortar, Trimar y cambiar el tamaño del lienzo resuelven problemas distintos
En Photoshop, varios comandos parecen servir para «quitar bordes», pero no hacen lo mismo. La ayuda de Adobe distingue Recortar, que define un encuadre; Imagen > Trimar, que elimina bordes transparentes o de color uniforme; y Tamaño de lienzo, que cambia el espacio de trabajo sin cambiar los píxeles de la imagen.
- Usa Recortar para elegir manualmente qué parte de una fotografía conservar.
- Usa Imagen > Trimar cuando un PNG tenga transparencia sobrante alrededor del contenido.
- Usa Tamaño de lienzo si necesitas añadir espacio para texto, un borde o elementos gráficos.
Si estás armando una cabecera con foto, título y logotipo en capas, recuerda que Recortar afecta al documento completo. Para ocultar solo una parte de una capa, trabaja con una máscara de capa; así el resto de la composición conserva su encuadre.
Recortar no equivale a redimensionar ni añade píxeles que faltan
Hay una confusión habitual al preparar una imagen para web: fijar un tamaño en la herramienta de recorte no significa que Photoshop invente detalle para completarlo. El recorte selecciona píxeles existentes; el remuestreo, disponible en el cuadro «Tamaño de imagen», cambia las dimensiones en píxeles y puede añadir o eliminar datos.
Por eso, si el archivo original es pequeño y necesitas una imagen final grande, recortar no resolverá la falta de resolución. Comprueba las dimensiones en píxeles después del encuadre y redimensiona solo si el diseño lo requiere; si amplías demasiado, la imagen puede perder nitidez.
Guarda un original editable y exporta el encuadre que necesita tu web
Al terminar, conserva una copia PSD con las capas y el recorte reversible, y exporta otra versión en el formato y las dimensiones que pida la página. Así, si cambia el diseño o necesitas otra proporción, podrás volver al encuadre sin reconstruir la imagen desde cero.