Formatos, resoluciones y métodos para guardar fotografías - Tutorial Photoshop en Español

Kike Arnaiz
30 Nov 201407:24

Summary

TLDREste tutorial detalla diferentes formas de guardar imágenes según su uso, distinguiendo entre tamaño, resolución y peso de archivo. Explica los formatos RAW, PSD, TIFF, PNG y JPG, y cómo选择合适的 para conservar calidad y ajustes, o para optimizar para web sin comprometer la imagen original. Finalmente, cubre la importancia de manejar transparencias con PNG y la reducción de tamaños y resoluciones para una mejor experiencia online.

Takeaways

  • 📸 La imagen digital se compone de píxeles, y su tamaño se mide en megapíxeles (ancho x alto).
  • 🎨 La resolución, medida en píxeles por pulgada (PPP), indica la cantidad de pequeños los píxeles en una imagen.
  • 📂 Los formatos RAW (CR2, NEF) son archivos no procesados de la cámara, ideales para ediciones posteriores.
  • 🖼️ El formato PSD de Photoshop guarda todas las capas y ajustes, permitiendo ediciones futuras sin perder calidad.
  • 🗃️ El formato TIFF es sin compresión y mantiene la máxima calidad, adecuado para impresiones de alta calidad.
  • 📑 Guardar en JPEG (JPG) reduce el tamaño del archivo con compresión, adecuado para web y uso general.
  • 🌐 Al guardar para web, se recomienda reducir el tamaño de la imagen y cambiar la resolución a 72 PPP.
  • 🎭 El formato PNG es similar a JPG pero conserva la transparencia, útil para fusionar imágenes y diseños.
  • 🔄 No confundir el tamaño de la imagen (píxeles) con su peso (megabytes), ya que son dos conceptos diferentes.
  • 🔄 Es fundamental ajustar la imagen antes de guardarla en formatos comprimidos para optimizar su peso y calidad.
  • 🔗 En el tutorial se recomienda un artículo adicional y otros tutoriales para profundizar en el tema.

Q & A

  • ¿Qué es la resolución de una imagen y cómo se mide?

    -La resolución de una imagen se refiere a la cantidad de píxeles por pulgada (ppí). Cuanta mayor resolución tenga una imagen, más pequeños serán los píxeles y mejor será la calidad de la imagen.

  • ¿Cuál es la diferencia entre el tamaño de una imagen y su resolución?

    -El tamaño de una imagen se refiere al número total de píxeles (ancho por alto), mientras que la resolución es la medida de cuánto mide cada píxel en relación a una pulgada. Un tamaño grande de imagen puede tener una baja resolución si los píxeles son grandes, y una imagen pequeña puede tener alta resolución si los píxeles son pequeños.

  • ¿Qué es un archivo RAW y cuáles son sus ventajas?

    -Un archivo RAW es un archivo de imagen sin procesar que se obtiene directamente de la cámara digital. Ofrece la ventaja de contener toda la información capturada por la cámara, lo que permite una mayor flexibilidad en la edición y ajuste de la imagen sin perder calidad.

  • ¿Qué es el formato PSD y cómo se utiliza en Photoshop?

    -El formato PSD es un archivo de Photoshop que conserva todas las capas y ajustes de una imagen. Es útil para ediciones avanzadas y retoques, ya que permite volver a editar la imagen en cualquier momento sin perder calidad.

  • ¿Qué es el formato TIFF y cuáles son sus características?

    -El formato TIFF es un formato de imagen sin compresión que guarda la imagen con la máxima calidad. Es ideal para impresiones de alta calidad y situations donde la calidad de la imagen es primordial.

  • ¿Cómo se puede guardar una imagen en formato JPG y cuáles son sus ventajas?

    -Para guardar una imagen en formato JPG, se puede utilizar la opción 'Guardar como' en Photoshop y seleccionar el formato JPG. Este formato es estándarizado y conocido por su compresión, lo que reduce el tamaño del archivo sin sacrificar demasiado la calidad de la imagen.

  • ¿Cómo puedo reducir el tamaño de una imagen para su publicación en la web?

    -Para reducir el tamaño de una imagen para la web, se puede utilizar la función 'Guardar para web' en Photoshop, donde se pueden ajustar la resolución y el tamaño de la imagen para optimizar su peso y visualización en línea.

  • ¿Qué es la resolución de pantalla y por qué es importante en la web?

    -La resolución de pantalla, también conocida como píxeles por pulgada (ppí), es la cantidad de píxeles que caben en un pulgada de ancho. En la web, se utiliza una resolución estándar de 72 píxeles por pulgada, ya que es suficiente para mostrar imágenes de manera clara en la mayoría de los dispositivos.

  • ¿Qué formato se recomienda para guardar imágenes con transparencias?

    -El formato PNG es ideal para guardar imágenes con transparencias, ya que conserva la información de transparencia a diferencia del formato JPG, que no lo hace.

  • ¿Cómo puedo proteger mi imagen antes de subirla a la web?

    -Para proteger una imagen antes de subirla a la web, se puede reducir su tamaño y su resolución, de modo que no sea adecuada para impresiones de alta calidad o venta. También se puede agregar una marca de agua o copyright para identificar al autor.

  • ¿Cuáles son las principales diferencias entre los formatos de imagen RAW, PSD, TIFF, PNG y JPG?

    -El formato RAW es para archivos sin procesar de la cámara, el PSD es para archivos de Photoshop con capas y ajustes, el TIFF es sin compresión y de alta calidad, el PNG conserva transparencias y el JPG es una forma comprimida estándarizada para la web.

Outlines

00:00

📸 Conceptos básicos de imagen y resolución

En este apartado, se aborda la importancia de entender los conceptos fundamentales relacionados con las imágenes, como el tamaño y resolución. Se explica que el tamaño de una imagen es el número total de píxeles y cómo se calcula en millones de píxeles o megapíxeles. Además, se diferencia el concepto de resolución, que indica la medida de cada píxel y se mide en píxeles por pulgada (PPP). También se menciona la distinción entre el tamaño y resolución de una imagen y su peso en megabytes (MB), y cómo estos factores influyen en la calidad y el tamaño del archivo. Finalmente, se agradece a Manuel Fernández por la recomendación de este tutorial y se sugiere que se tomarán en cuenta las ideas y sugerencias de los usuarios para futuras sesiones educativas.

05:01

🖼️ Formatos de imagen y sus usos

Este segmento se centra en los diferentes formatos de imagen, como el RAW, CR2, PSD, TIFF, PNG y JPG, y sus usos específicos. Se recomienda el formato RAW para su capacidad de conservar datos y permitir ediciones no destructivas. El PSD es similar, pero con la capacidad de guardar todas las capas y ajustes. El TIFF es un formato sin compresión que mantiene máxima calidad, ideal para impresiones de alta calidad. El PNG es útil para imágenes con transparencias, mientras que el JPG es estándar y conocido, con compresión que reduce el tamaño del archivo con una calidad suficiente para la mayoría de las aplicaciones. Además, se detalla cómo ajustar las imágenes para su uso en web, incluyendo la reducción de tamaño y resolución, y se enfatiza la importancia de no comprometer la imagen original al guardar para web.

Mindmap

Keywords

💡Resolución de imagen

La resolución de imagen se refiere a la cantidad de píxeles que componen una imagen, y es medida en píxeles por pulgada (ppí). En el video, se destaca que una alta resolución indica que los píxeles son más pequeños y, por lo tanto, la imagen tiene más detalle y nitidez. Se menciona que esta característica es crucial para la impresión de imágenes en alta calidad y para mantener la calidad al compartir la imagen en línea.

💡Tamaño de imagen

El tamaño de imagen hace referencia al número total de píxeles que componen una imagen, calculado multiplicando su ancho por su altura. En el video, se aclara que aunque el tamaño de imagen es una medida importante, no debe confundirse con la resolución, ya que este último concepto se relaciona con la dimensión de cada píxel individual. El tamaño de imagen es esencial para determinar la calidad y el rendimiento al visualizar o imprimir una imagen.

💡Formatos de imagen

Los formatos de imagen son diferentes tipos de archivo que se utilizan para guardar y compartir imágenes digitales. El video cubre varios formatos, como PSD, TIFF, RAW, PNG y JPG, cada uno con sus propias características y usos específicos. Por ejemplo, el formato PSD es para guardar imágenes con todas las capas y ajustes en Photoshop, mientras que el formato JPG es estándar para compartir imágenes en la web debido a su compresión y tamaño de archivo reducido.

💡Compresión de imagen

La compresión de imagen se refiere al proceso de reducir el tamaño de un archivo de imagen sin perder información crítica. Los formatos de imagen como JPG aplican compresión para reducir el tamaño del archivo, lo que es útil para compartir imágenes en línea o enviarlas por correo electrónico. Sin embargo, la compresión puede afectar la calidad de la imagen, especialmente si es excesiva.

💡Transparencia

La transparencia en una imagen permite ver a través de los píxeles de la imagen, revelando el contenido que se encuentra detrás de ella. Es una característica importante para la edición de imágenes, especialmente cuando se trabaja con capas superpuestas o se desea integrar una imagen en otro diseño. El video menciona el formato PNG, que es capaz de conservar la transparencia de las imágenes, lo que la hace ideal para fusionar elementos gráficos en diferentes contextos.

💡Adobe Photoshop

Adobe Photoshop es un software de edición de imágenes ampliamente utilizado en la industria creativa. Permite realizar ajustes avanzados, trabajar con capas y crear efectos visuales complejos. En el video, se utiliza Photoshop para ilustrar cómo se pueden ajustar el tamaño, la resolución y la profundidad de color de una imagen, así como para guardarla en diferentes formatos según el propósito deseado.

💡Metadatos

Los metadatos son información adicional que se incluye con un archivo de imagen, como detalles del dispositivo de captura, la fecha y hora de la toma, los parámetros de exposición y otros datos relevantes. Estos datos se pueden ver y editar en el archivo de imagen sin afectar la imagen en sí. En el video, se menciona que los ajustes realizados en softwares como Camera Raw o Lightroom se guardan como metadatos en el archivo RAW, permitiendo la edición no destructiva.

💡Calidad de imagen

La calidad de imagen es la medida de la nitidez, los detalles y la precisión de los colores en una imagen. La calidad puede verse afectada por factores como la resolución, el tamaño de archivo, la compresión y el formato de imagen utilizado. En el video, se enfatiza la importancia de mantener una buena calidad de imagen para diferentes propósitos, como impresión o uso en la web.

💡Edición de imágenes

La edición de imágenes se refiere al proceso de modificar y mejorar una imagen digital mediante el uso de herramientas y técnicas específicas. Esto puede incluir ajustes de brillo, contraste, corte, cambio de tamaño, aplicación de filtros y más. El video muestra diferentes etapas de edición en Photoshop, como la creación de capas y ajustes de tamaño, para lograr un resultado deseado.

💡Guardado de imágenes

El guardado de imágenes es el proceso de almacenar una imagen en un formato de archivo para su uso posterior o para compartirla con otros. El video cubre diferentes opciones de guardado en Photoshop y los formatos de archivo adecuados para distintos usos, como la impresión, la web o la edición further.

Highlights

El tamaño de imagen y resolución es fundamental para entender cómo guardar una imagen adecuadamente.

La resolución se mide en píxeles por pulgada (ppí) y afecta la calidad de la imagen.

El peso de la imagen se mide en megabytes (MB) y no en megapíxeles (MP).

Los formatos RAW y CR2 son útiles para la edición no destructiva de imágenes.

El formato PSD de Photoshop guarda todas las capas y ajustes, permitiendo ediciones futuras sin perder calidad.

El formato TIFF es sin compresión y mantiene la máxima calidad de imagen.

El formato JPEG (JPG) es estandarizado y conocido, permitiendo ajustes de calidad para reducir el tamaño de archivo.

La reducción del tamaño de imagen y la resolución adecuada evita la posibilidad de que se imprima o se venda sin consentimiento.

El formato PNG es ideal para guardar imágenes con transparencias.

La opción 'Guardar para Web' en Photoshop permite ajustar la calidad y tamaño de la imagen para optimizar su uso en línea.

Al guardar imágenes para web, se debe tener en cuenta el formato RGB, el cual es ideal para mostrar en Internet.

La transparencia en las imágenes puede ser conservada con los formatos Photoshop (PSD) y TIFF.

El formato JPEG no soporta transparencias, mientras que PNG sí lo hace.

La calidad de la imagen en formato JPG puede ajustarse desde 0 a 12, con 12 siendo la máxima calidad.

La reducción del tamaño de imagen y la resolución a 72 píxeles por pulgada evita la posibilidad de una buena impresión.

El formato PSD es el que más espacio ocupa, ya que guarda todas las capas y ajustes de edición.

El RAW es el formato de archivo que las cámaras proporcionan, esencial para la edición posterior de la imagen.

El tutorial ofrece una guía detallada para elegir el formato de archivo adecuado según el propósito de la imagen.

Transcripts

play00:02

muy buenas que tal soy clicker night y

play00:04

esto es prix para tutoriales en el vídeo

play00:06

que quiero enseñaros las diferentes

play00:07

maneras que hay para guardar una imagen

play00:09

en función del uso que queramos dar

play00:11

quiero agradecer hay manuel fernández

play00:13

que me lo recomendó por facebook que

play00:14

hacer este tutorial al igual que a

play00:16

muchos de vosotros que me recomendáis a

play00:17

hacer tutoriales que me sugeridos ideas

play00:19

y que el quiero deciros que las apuntó

play00:21

que las tengo en cuenta y que poco a

play00:22

poco iré llevando a cabo las que me

play00:24

resulten más interesantes y en las que

play00:26

más coinciden pues nada vamos a verlo

play00:28

para empezar quiero que diferente y

play00:30

centre tamaño de imagen y resolución el

play00:32

tamaño es el número total de píxeles que

play00:34

tiene una imagen que si multiplicamos el

play00:35

ancho por el alto nos dará el total en

play00:37

millones de píxeles o mega píxeles pero

play00:39

un píxel no tiene una medida específica

play00:40

sino que es la resolución que nos dice

play00:42

cuánto mide cada uno de los píxeles y

play00:44

esto se suele medir por lo general en

play00:46

una medida llamada píxeles por pulgada

play00:47

por lo tanto cuantos más píxeles que pan

play00:50

en una pulgada mayor resolución tendrá

play00:51

la imagen es decir cuanto más pequeño

play00:53

sea el píxel mejor es importante no

play00:55

confundir estos conceptos con el peso de

play00:57

la imagen que aunque éste está

play00:58

relacionado con el tamaño y la

play01:00

resolución se mide en megabytes por lo

play01:02

general y no megapíxeles como a veces se

play01:05

suele confundir vamos a ver los formatos

play01:07

si habéis fotografiado en rock algo que

play01:09

recomiendo en prácticamente todas las

play01:11

situaciones tendréis un archivo como

play01:12

éste o cr2 net cétera que al hacer doble

play01:15

clic por insertar en camera raw o

play01:16

lightroom o donde queráis y al hacer

play01:18

unos ajustes como estos

play01:20

cuando demos a la pestaña de hecho aquí

play01:22

estos ajustes se guardarán en el mismo

play01:25

row o un archivo con metadatos aparte

play01:27

pero que al hacer doble clic podremos

play01:28

volver a editar en cualquier momento sin

play01:30

que sea destructivo es decir en

play01:31

cualquier momento yo puedo recuperar la

play01:33

imagen original sin haber perdido

play01:34

calidad y podría guardarla desde ahí o

play01:36

bien dar a abrir imagen para abrir en

play01:38

photoshop pero antes de nada vamos a dar

play01:41

a esta pestaña de aquí para ver las

play01:43

opciones que hay para abrir en photoshop

play01:44

por ejemplo aquí podríamos cambiar el

play01:46

tamaño de la imagen que en este caso

play01:48

está predeterminado es decir tiene el

play01:49

tamaño original de mi cámara pero

play01:51

podríamos personalizarlo también

play01:53

podríamos cambiar el espacio de color

play01:55

con la que vamos a abrirlo o la

play01:56

profundidad de color que si no sabéis lo

play01:57

que os recomiendo este tutorial que dice

play01:59

explicando lo que yo ahora lo voy a

play02:00

dejar a 16 bits

play02:02

después vamos a aceptar y a abrir imagen

play02:05

para abrirla en photoshop una vez aquí

play02:07

voy a hacer unos ajustes muy rápidos

play02:08

simplemente para generar unas capas y

play02:10

podéis ver cómo vamos a guardar un

play02:12

archivo conservando estas capas y estos

play02:14

ajustes para ello vamos a venir a

play02:16

archivo guardar como y/o + seleccionará

play02:19

aquí el formato photoshop o bs de este

play02:23

formato lo que hacen es que nos conserva

play02:25

todos los ajustes que hemos realizado

play02:26

todas las capas etcétera debemos

play02:29

asegurarnos que aquí en esta pestaña de

play02:31

abajo está seleccionado capas y nada

play02:32

daríamos a guardar así que una vez esté

play02:34

guardado si en cualquier momento yo

play02:36

cierro la imagen y la vuelvo a abrir

play02:37

estos ajustes que hemos hecho deberían

play02:39

seguir estando como podéis ver siguen

play02:41

nuestras capas aquí

play02:43

marc y llegados a este punto quiero

play02:44

explicar que tanto de formato raw como

play02:46

el psd de photoshop no son imágenes

play02:47

definitivas sino que son datos para que

play02:50

nosotros podamos modificar esas imágenes

play02:51

son ajustes pero si queremos guardar una

play02:54

imagen tendríamos que ir a archivo

play02:56

guardar como y elegir otro formato en

play02:57

este caso os voy a explicar el tiff que

play03:00

es un formato sin compresión esto quiere

play03:02

decir que me va a guardar la imagen con

play03:03

la máxima calidad y la resolución que yo

play03:05

tenga en

play03:06

en la imagen por lo tanto nos serviría

play03:08

para impresión para imprimir imágenes en

play03:10

alta calidad o para guardarlas tanto que

play03:12

en este caso no me haría falta guardar

play03:14

las capas si no quisiera aunque el tiff

play03:15

también permite guardar capas igualmente

play03:18

podríamos comprimir la imagen pero no es

play03:20

el caso no lo necesito así que doy a ok

play03:22

y así estaría más guardando una imagen

play03:24

con la resolución en la que estábamos

play03:25

trabajando y sin ninguna compresión lo

play03:28

malo de esto es que al estar comprimido

play03:29

pesa mucho y en algunos casos no nos va

play03:31

a servir así que vamos a ver un formato

play03:32

de imagen con compresión que es el

play03:34

estandarizado y muy conocido jpg vale en

play03:38

este caso voy a intentar guardarlo así

play03:39

como lo tengo pero me va a saltar un

play03:41

aviso que me dice que estoy trabajando

play03:43

en 16 bits y que entonces no puedo

play03:45

previsualizar lo etcétera y es que bueno

play03:47

para guardar en jpg nos haría falta

play03:49

guardar a 16 bits más bien podríamos

play03:51

utilizar 8 bits para guardar y aún así

play03:54

mantendremos toda la información de

play03:56

color vale vamos a archivo guardar como

play03:59

una vez hayamos convertido a 8 bits la

play04:01

guardo como imagen alta y así me da vía

play04:03

de solución en jpg y así estaremos

play04:05

guardando con la resolución original que

play04:07

tenemos en la imagen aquí me deja

play04:09

previsualizar y me dice

play04:11

en cuanto a pesar la imagen en función

play04:13

de la calidad que yo le quiera dar más o

play04:15

menos llegando hasta el 9 podemos

play04:16

conservar bastante calidad y empezando

play04:18

un poco pero bueno siempre podéis

play04:19

ponerlo a tope y así guardar una imagen

play04:21

comprimida a máxima calidad

play04:23

marín haríamos aquí y así hubiéramos

play04:25

guardado la imagen con la resolución que

play04:27

teníamos con primera es decir yo estoy

play04:29

guardando una imagen de 18 megapíxeles

play04:30

en jpg que yo si esto lo subiera a la

play04:33

web sería una auténtica locura porque

play04:36

pesa 7 con 6 megas y además le estaría

play04:39

regalando a la gente una imagen que

play04:41

podrían imprimir o vender sin mi

play04:43

consentimiento para ello lo que puedo

play04:44

hacer para protegerla es bajar el tamaño

play04:47

de la imagen desde imagen tamaño de

play04:48

imagen a un tamaño que en la web servirá

play04:50

bien pero que no sea suficiente como

play04:52

para imprimir también podría bajar en la

play04:53

resolución a 72 píxeles por pulgada que

play04:56

es lo que se utiliza en web y no tiene

play04:58

suficiente calidad como para imprimir si

play05:00

quisiéramos a ok en este caso tal y como

play05:02

está en estos ajustes esta resolución

play05:04

nueva se aplicaría a toda la imagen y

play05:06

todos los cambios que hiciera a partir

play05:07

de ahora sufrirían con esta nueva

play05:09

resolución más baja así que lo ideal en

play05:11

este caso de venir archivo y guardar

play05:13

para web donde podremos elegir el

play05:15

formato en este caso jpg la calidad

play05:17

igualmente a mayor

play05:18

más peso va a tener la imagen y

play05:20

convertiremos a ese rgb que es el

play05:23

espacio de color ideal para internet

play05:24

vale lo bueno también es que podemos ver

play05:27

aquí cuánto a pesar esta imagen al salir

play05:29

y esto podemos ajustarlo con el tamaño

play05:31

de la imagen que en este caso yo os

play05:33

recomiendo que para guardar para web

play05:34

pongáis el lado más grande en este caso

play05:37

la anchura pues en unos 1500 píxeles o

play05:39

2000 como mucho para que la imagen pues

play05:41

no se pueda vender ni imprimir sino que

play05:44

indirectamente se haga bien en la web y

play05:46

además pues pese poco como podéis

play05:48

comprobar aquí nada pues no es lo tenga

play05:50

estaríamos aguardar el mismo proceso que

play05:52

antes y lo bueno de esto es que estamos

play05:54

guardando con menos resolución menos

play05:55

calidad pero no estaba afectando a la

play05:58

imagen original que la seguimos teniendo

play05:59

aquí con la resolución a tope vale vamos

play06:01

a ver otro caso aparte en el caso de que

play06:03

queramos guardar transparencias imagina

play06:05

que queremos si luther esta señal de

play06:07

aquí voy a hacer una selección rápida la

play06:09

voy a máscara y me gustaría guardarla

play06:12

con fondo transparente tanto el archivo

play06:14

photoshop como el tiff me conserva la

play06:16

transparencia pero vamos a utilizar en

play06:18

este caso el png que es un similar al

play06:21

jpg pero que conserva las transparencias

play06:24

me va a llamar transparencia y la

play06:26

guardamos ahora podríamos utilizar este

play06:28

archivo para hacer un fotomontaje para

play06:30

utilizarla en la web o incluso en un

play06:32

vídeo como este vale vamos a hacer un

play06:35

repaso a todos los formatos que hemos

play06:36

utilizado y comparándolos con su tamaño

play06:38

el primero recordamos es el psd que en

play06:41

este caso es el que más ocupa porque

play06:43

guarda todas las capas y todos los

play06:45

ajustes que teníamos pero no es una

play06:46

imagen final luego tenemos el tiff que

play06:49

sí que es una imagen final nos sirve

play06:50

para impresión y también pesa bastante a

play06:53

continuación tenemos el row que es

play06:54

digamos el negativo original que son los

play06:56

datos tomados por la cámara para revelar

play06:58

posteriormente la imagen que siempre

play07:00

conviene conservar por si algún día

play07:02

queremos retocar la imagen de nuevo y

play07:03

luego tenemos el png que conserva

play07:05

transparencia y el jpg que ambos dos son

play07:08

formatos comprimidos y también ambos

play07:10

podríamos guardarlos en una versión para

play07:11

web ocupando mucho menos espacio pues

play07:14

hasta aquí el tutorial en la descripción

play07:15

os dejo un artículo que he creado para

play07:17

explicar esto más detalladamente y aquí

play07:19

tenéis una serie de tutoriales

play07:20

recomendados un abrazo y nos vemos en el

play07:23

siguiente

Rate This

5.0 / 5 (0 votes)

Related Tags
FotografíaEdición de ImágenesFormatos de ArchivoCalidad de ImágenesTransparenciaPsDTIFFPNGJPGWebImpresiónTutorialFotografía Digital
Do you need a summary in English?