¡Hola Juan, espero que estés bien!
Entiendo tu duda sobre la adaptación de imágenes en un sitio web para que se vean bien en diferentes dispositivos. La unidad de medida más adecuada para definir el ancho de una imagen de manera adaptable es el porcentaje (%), ya que se ajustará automáticamente al tamaño de la pantalla. En este caso, cambiar el ancho de la imagen de px a 50% es una buena práctica para lograr la responsividad.
En cuanto a si existe alguna plantilla con valores sugeridos para el responsive en otros dispositivos, no hay una plantilla estándar, ya que cada proyecto puede tener requisitos y necesidades diferentes. Sin embargo, puedes encontrar frameworks como Bootstrap que proporcionan clases predefinidas para hacer que las imágenes sean responsivas en diferentes dispositivos.
En relación a los dispositivos prioritarios al ajustar la responsividad, generalmente es una buena práctica priorizar el diseño para dispositivos móviles, ya que la mayoría de las visitas a los sitios web provienen de dispositivos móviles en la actualidad. Si el diseño funciona bien en dispositivos móviles, es probable que funcione de manera adecuada en otros dispositivos.
Espero que esto aclare tus dudas y te ayude a trabajar en la adaptación de imágenes de manera efectiva. ¡Sigue adelante con tu proyecto de sitio web personal para mostrar tu portafolio de fotografía!
Espero haber ayudado y buenos estudios!