Oficios · Creación y cultura

El portafolio en línea de un fotógrafo, de un ilustrador o de un realizador

Imágenes ligeras, derecho a la imagen de los modelos, derechos sobre las obras, lo que esperan los clientes: el portafolio en línea y su maquetación.

Updated · 6 min read

Un director de arte que busca un fotógrafo para un catálogo, un editor que busca un ilustrador, una agencia que busca un realizador para un videoclip: abren tu portafolio entre dos reuniones, con otras tres pestañas al lado. No leen casi nada. Miran, clasifican, y en menos de un minuto saben si tu mirada encaja con su proyecto.

El sitio debe mostrar tu mejor trabajo enseguida, cargar rápido, y decir cómo contactarte.

Lo que el cliente viene a buscar

  1. Tu mirada, a través de una docena de imágenes elegidas. Una firma reconocible vale más que un inventario.
  2. Trabajos cercanos a su encargo: retrato, producto, arquitectura, edición, videoclip, publicidad. Ordena por tipo de encargo más que por año.
  3. Trabajos recientes y por encargo: dicen que otros te han confiado algo, y qué.
  4. Tus condiciones: zona de desplazamiento, plazos, derechos cedidos, y cómo preparas un presupuesto.
  5. Un contacto directo: correo y teléfono como enlaces reales, y tu ciudad.

La maquetación «Portafolio»

Es la maquetación que el estudio ofrece a fotógrafos, ilustradores y realizadores: el trabajo llena la pantalla, el texto se queda discreto. Aquí está de arriba abajo:

Maquetación «Portafolio»Fondo: Vídeo al desplazarMateria: Polvo

  1. Mínima
  2. Portada · Arriba a la izquierda
  3. Desborde
  4. Galería · Retratos
  5. Pantalla completa · Arriba
  6. Referencias
  7. Cita · Medida ancha
  8. Sumario
  9. Contacto
  10. Pie de página · Firma gigante
Fotógrafos, ilustradores, realizadores. El trabajo ocupa la pantalla, el texto se aparta. Las franjas se muestran desnudas, tal como las dibuja la biblioteca, antes de tus textos, tus imágenes y tu fondo.
  • La navegación mínima se reduce a tu nombre y a un botón de menú: nada se pone delante de las imágenes. Está pensada para las páginas de menos de cinco secciones, que es el caso aquí.
  • La portada arriba a la izquierda coloca tu nombre y tu oficio en lo alto de la pantalla, como una página de revista, y deja la parte de abajo a la película.
  • El desbordamiento escribe una palabra gigante, cortada a propósito por los bordes de la pantalla: tu nombre, o tu especialidad. El lector recompone la palabra, y la página parece más grande que la pantalla.
  • La galería en retratos alinea imágenes verticales, el formato de los rostros, de las portadas y de los carteles.
  • La cita de medida ancha lleva una frase larga sin partirla en seis líneas: la de un cliente, un editor o un crítico, con su nombre.
  • El contacto reúne correo, teléfono y ciudad como enlaces reales.
  • El pie con firma gigante termina con tu nombre en grande, cortado por el borde inferior de la página.

El fondo de esta maquetación es el vídeo arrastrado por el desplazamiento: las imágenes de la película avanzan con el desplazamiento, como una hoja de contactos que se recorre con el dedo. Si el visitante ha pedido menos animación, la película se borra y su imagen de portada se queda. Esta película es una escena creada por una IA de vídeo a partir de tu descripción, no una de tus imágenes: da el ambiente, y tus trabajos se quedan en la galería. La textura es el polvo: finas rayas verticales y algunas motas claras, como una copia sacada de una caja.

Lo que dicen las reglas

Las personas que fotografías

En Francia, una persona reconocible debe haber dado su acuerdo por escrito antes de la publicación de su imagen, en un sitio como en otra parte. Su acuerdo para ser fotografiada no basta. La autorización precisa el soporte, la finalidad y la duración, y un nuevo uso pide un nuevo acuerdo. Para un menor, hace falta el acuerdo escrito de los padres (Service-public.gouv.fr, 2022).

En la práctica, la autorización firmada para la campaña de un cliente no cubre necesariamente tu portafolio. Añade a tus autorizaciones de modelo una línea que cubra tu sitio y tus redes. En un lugar público, el acuerdo solo se exige si la persona está aislada y es reconocible: una multitud en la que nadie destaca está exenta, siempre que se respete la dignidad de las personas y no sirva a un fin comercial. Un retrato tomado en la calle, en cambio, exige el acuerdo. Los detalles están en las fotos de tu sitio.

Las obras que muestras

Tus imágenes te pertenecen desde su creación. Pero cuando un cliente las encarga, obtiene los derechos que le cedes por escrito, cada uno mencionado por separado con su alcance, su destino, su territorio y su duración (Código de la propiedad intelectual, artículo L131-3). Si lo cedes todo, resérvate expresamente el derecho a mostrar esas imágenes en tu portafolio.

Las obras de los demás también cuentan. Toda reproducción de una obra sin el acuerdo de su autor es ilícita (artículo L122-4): un cuadro, un cartel o una escultura en primer plano de tu imagen siguen perteneciendo a su autor. El código prevé una excepción para las obras arquitectónicas y escultóricas colocadas de forma permanente en la vía pública, pero la excluye para todo uso comercial (artículo L122-5). Un edificio reciente en el centro de una imagen que vende tus servicios merece una comprobación.

Imágenes ligeras y firmadas

Las imágenes son lo que más pesa en la web: la página de inicio móvil mediana carga 911 KB de imágenes, de 2,6 MB en total (HTTP Archive, 2025). Un portafolio está hecho casi solo de imágenes, y un archivo salido de la cámara pesa a menudo varios megabytes por sí solo. Las etapas que lo aligeran, según web.dev, el sitio de rendimiento de Google:

  1. Exportar al tamaño de visualización. Una imagen de 1.000 píxeles en un marco de 500 pesa el doble de lo necesario. Las pantallas muy densas justifican una versión más fina, que el atributo srcset les reserva.
  2. Elegir un formato moderno. WebP comprime en general mejor que JPEG, y AVIF va más lejos en algunas pruebas.
  3. Comprimir, y luego comprobar a ojo, sobre todo los cielos y los fondos lisos, donde la compresión se nota primero.
  4. Nunca aplazar la primera imagen. La carga diferida (loading="lazy") está hecha para las imágenes de más abajo, no para la de la primera pantalla (web.dev, 2024).

Firma también tus archivos. Google Imágenes puede mostrar el creador, el crédito y el aviso de derechos de una imagen, leídos en sus metadatos IPTC o en los datos estructurados de la página, sin garantizar que lo haga (Google Search Central, 2026). Rellena al menos tu nombre y el aviso de derechos de autor en tus exportaciones, y comprueba que la herramienta que publica tus imágenes no los borra al comprimir.

Los errores que cuestan encargos

  • Mostrarlo todo: cuarenta imágenes medias ahogan a las diez mejores.
  • Archivos de varios megabytes, que tardan segundos en aparecer en un móvil.
  • Un retrato publicado sin autorización, o con una autorización que no cubría tu sitio.
  • Una marca de agua en medio de la imagen: molesta a la vista más de lo que protege.
  • Ni fecha ni cliente: no se sabe si el trabajo es reciente, ni si fue un encargo.
  • Un contacto escondido detrás de tres clics.

Fuentes

  1. Service-public.gouv.fr, Derecho a la imagen y respeto de la vida privada (2022)
  2. OMPI (WIPO Lex), Código francés de la propiedad intelectual, versión consolidada del 13 de marzo de 2025
  3. HTTP Archive, Web Almanac 2025, capítulo Page Weight
  4. web.dev, Image performance (2023)
  5. web.dev, Browser-level image lazy loading (2024)
  6. Google Search Central, Metadatos de imágenes en Google Imágenes (2026)

Para leer también

Tu sitio, rodado para tu oficio

Describe tu actividad y la escena de tu fondo: el vídeo se rueda para ti, montas la página franja a franja y los textos se escriben dentro.

Crear mi sitio