Herramientas resumen - Apuntes 1, 2, 3 PDF

Preview

Summary

Introducción a la materia y ampliación de los primeros temas sobre Herramientas Digitales. Atajos, herramientas, características...

Description

1. FUNDAMENTOS-DE-LAS-IMÁGENES1.1.#OBJETOS#VECTORIALES#VS.#IMÁGENES#DE#MAPA#DE#BITS## ! Desde!el!origen!de!sus!tiempos,!el!hombre!ha!intentado!plasmar!en!imágenes!sus!experiencias!y!vivencias.!Las!primeras! expresiones! gráficas! de! la! humanidad! datan! de! 17,000! años! atrás! y! son! anteriores! a! cualquier! tipo! de! escritura.! Los! arqueólogos! y! antropólogos! estudian! estos! dibujos,! que! se! encuentran! dispersos! en! cuevas! de! todo! el! mundo,! perfectamente! conservados,! tratando! de! entender! su! significado.! Estos! científicos! de! algo! están! seguros:! el! hombre,! desde!sus!primeros!días,!desarrolló!un!gran!interés!en!perpetuar!en!imágenes!todo!lo!que!le!sucede!y!dedicó!gran!parte! de!su!historia!a!generarlas!y!desarrollarlas.!! ! En! la! actualidad! vivimos! en! un! mundo! invadido! por! millones! de! imágenes! digitales! o! digitalizadas.! La! sociedad! ha! experimentado! en! pocos! años! una! gran! transición! de! imágenes! analógicas! a! digitales.! Estas! distan! mucho! de! las! primeras!imágenes!de!la!humanidad,!ya!que,!gracias!a!las!técnicas!modernas!de!captura,!pueden!ser!representaciones! exactas! de! la! realidad.! Y! gracias! al! software! de! edición! de! imágenes! pueden! ser! manipuladas,! mejoradas! o! reconceptualizadas.!! ! Llamamos!imagen!digital!a!la!que!ha!sido!creada!u!obtenida!mediante!un!medio!electrónico!y!su!soporte!es!un!medio! digital.! De! esta! forma! podemos! decir! que! un! cuadro! pintado! a! mano! es! una! imagen! analógica.! Si! le! tomamos! una! fotografía!con!una!cámara!digital,!estamos!digitalizando!la!imagen,!es!decir,!estamos!creando!un!archivo!digital!de!ella,! una!representación!binaria!que!solo!los!dispositivos!electrónicos!y!digitales!son!capaces!de!interpretar!y!reproducir.!Si! imprimimos!la!imagen,!esta!vuelve!a!ser!analógica,!ya!que!su!soporte!es!nuevamente!físico.!! ! Una!de!las!principales!ventajas!de!las!imágenes!digitales!es!el!soporte.!Mientras!la!imagen!analógica!debe!albergarse!en! un!soporte!físico!(papel,!lienzo,!etc.)!que!se!degrada!con!el!tiempo,!la!imagen!digital!no!necesita!este!tipo!de!soportes! porque! toda! su! información! se! guarda! en! forma! de! datos.! Por! lo! tanto! puede! ser! almacenada! en! cualquier! soporte! informático:!disco!duro,!pendrive,!CD,!DVD!y,!ahora!también,!en!la!nube.!! ! La!palabra!digital!deriva!del!término!dígito,!que!a!su!vez!proviene!del!latín!digitus:!dedo).!Como!sabemos,!los!dedos!son! de!ayuda!para!contar.!En!definitiva,!digital!significa:!expresado!o!representado!mediante!números.!! ! Diferencia!entre!píxeles!y!vectores!! Básicamente!existen!dos!tipos!de!imágenes!digitales:!! Ø imágenes!de!mapa!de!bits!(bitmap,!en!inglés);! Ø imágenes!vectoriales.!!! ! Cada! una! de! ellas! tiene! sus! propias! características,! ventajas! y! desventajas,! por! lo! tanto,! es! pertinente! conocerlas! y! diferenciarlas!para!saber!cuándo!usar!cada!una!de!ellas!y!así!sacar!el!máximo!provecho.!!Se!llama!imagen!de!mapa!de! bits! a! la! que! está! formada! por! una! serie! de! puntos! llamados! píxeles,! ordenados! de! manera! secuencial! en! una! grilla! bidimensional.!Un!píxel!(picture!element)!es!la!unidad!mínima!que!forma!parte!de!una!imagen!de!mapa!de!bits,!y!cada! uno! representa!un! color! homogéneo.! Las!sucesiones! de! píxeles!y! las! variaciones!de! color! y! luminosidad!entre! píxeles! vecinos! permiten! representar! imágenes! fotográficas! complejas,! ya! que! posibilitan! describir! sombras! y! degradados! de! manera! precisa.! De! esta! manera,! la! cantidad! de! píxeles! que! posee! una! imagen! es! directamente! proporcional! a! su! tamaño!y!calidad.!Esta!relación!se!conoce!como!resolución!de!imagen,!un!concepto!sobre!el!cual!profundizaremos!más! adelante.! Otras! denominaciones! conocidas! para! este! tipo! de! imágenes! son:! mapa! de! puntos,! pixmaps,! imágenes! pixelares! e! imágenes! matriciales! (casi! en! desuso).! También! es! muy! utilizada! su! denominación! técnica:! imágenes! rasterizadas.!Este!nombre!se!debe!a!que!la!grilla!de!píxeles!que!forman!la!imagen!se!llama!raster.!!! ! PIXEL:!(px)!es!la!unidad!mínima!de!información!de!una!imagen.!Almacena,!mediante!una!combinación!de!bits,!el!color! que!representa.!! Las! imágenes! vectoriales! están! representadas! por! medio! de! líneas! que! corresponden! a! fórmulas! matemáticas! (parábolas).!Estas!reciben!el!nombre!de!curvas!de!Bézier!o!curvas!vectoriales,!y!cada!una!de!ellas!está!formada!por!dos!

nodos!o!puntos!de!anclaje!y!dos!manejadores!que!definen!su!forma.!! Es! importante! destacar! que,! a! pesar! de! la! palabra! curvas,! una! imagen! vectorial! puede! estar! formada! también! por! polígonos!(líneas!rectas),!y!cada! segmento!del!polígono!tendrá!sus! propios!nodos.!Lo!correcto,!entonces,!es!decir!que! una!imagen!vectorial!está!formada!por!segmentos!vectoriales!o!directamente!por!vectores,!que!engloba!tanto!a!curvas! como!líneas!rectas.!! En!una!imagen!vectorial!cada!elemento!que!la!compone,!con!su!posición,!tamaño!y!características,!queda!determinado! por!una!función!matemática!dentro!de!un!plano!bidimensional.!De!hecho,!el!término!vector!es!un!concepto!extraído!de! la!física!y!las!matemáticas,!definido!como:!! Un!vector!es!un!segmento!orientado:!tiene!dirección,!sentido!y!módulo.!! •!La!dirección!está!dada!por!la!recta!que!lo!contiene.!! •!El!sentido!lo!indica!la!flecha!(del!origen!del!vector!hacia!sus!extremos).!! •!El!módulo!es!su!longitud.!! Cada!segmento!vectorial!empieza!y!termina!en!un!nodo,!y!cada!nodo!posee!dos!manejadores.!Las!posiciones!de!estos! determinaran!la!forma!de!la!parábola!que!representa!la!curva.!! ! Este!tipo!de!imágenes!se!utilizan!generalmente!para!representar!logos,!textos,!infografías,!gráficos!y!planos,! ya!que! la! calidad!de!impresión!es!totalmente!independiente!de!la!resolución!de!esta,!lo!que!permite!escalarlas!a!cualquier!medida! sin!perder!definición.!En!este!caso!la!calidad!de!salida!de!la!imagen!dependerá!exclusivamente!del!medio!utilizado!para! su!impresión.!! ! Otro! de! los! principales! usos! de! las! imágenes! vectoriales! es! el! diseño! de! interfaces! gráficas.! En! un! mundo! donde! las! pantallas! digitales! están! desplazando! a! todos! los! medios! de! visualización! analógicos,! y! donde! se! presentan! con! una! incontable!cantidad!de!tamaños!y!formatos!diferentes!–desde!las!enormes!pantallas!de!televisión!hasta!las!pequeñas!en! los! celulares–,! es! necesario! que! las! interfaces! de! usuario! (UI:! user! interface)! se! adapten! a! todos! estos! tamaños! sin! perder!calidad!ni!deformarse.!Las!imágenes!vectoriales!resultan!ideales!para!diseñar!este!tipo!de!interfaces,!gracias!a!sus! propiedades!de!escalabilidad!y!el!reducido!peso!de!sus!archivos.!Este!tipo!de!interfaces!adaptables!a!diferentes!formatos! y!medidas!se!conocen!como!responsivas!y!son!el!nuevo!estándar!en!diseño!web!y!desarrollo!de!aplicaciones.!! !! A!diferencia!de!las!imágenes!bitmaps,!las!vectoriales!al!ampliarlas!no!pierden!definición.!! !

Mapa-de-bits-

Vectoriales-

Compuestas!por!píxeles.!! Compuestas!por!vectores.!! Adecuadas!para!representar!imágenes!reales,!fotografías!y! Apropiadas!para!representar!figuras!geométricas,!gráficos,! obras!de!arte.!! infografías,!textos,!logos,!planos!técnicos!e!interfaces!de!usuario Es!mejor!para!degradados,!luces!y!sombras.!! Al!ampliarlas,!pierden!calidad,!ya!que!los!píxeles!aumentan! de!tamaño.!! Los!archivos!suelen!ser!grandes!y!son!proporcionales!al! tamaño!de!la!imagen.!! El!software!no!es!capaz!de!identificar!las!formas!y!objetos:! hay!que!seleccionarlas!manualmente.!!

# # #

Es!mejor!para!colores!planos.!! No!pierden!calidad!al!escalar!la!imagen.!! Los!archivos!son!más!chicos.!El!tamaño!de!estos!es! independiente!del!tamaño!de!la!imagen.!! Las!formas!y!objetos!se!pueden!modificar!fácilmente!ya!que!el! ordenador!las!identifica!automáticamente!con!un!clic.!! !!

# # 1.2-SOFTWARE-PARA-EDICIÓN-DE-IMÁGENES-DIGITALESPara! poder! trabajar! con! imágenes! digitales! en! un! ordenador! es! necesario! contar! con! el! software! apropiado.! En! este! punto! debemos! diferenciar! los! programas! de! edición! de! los! de! visualización,! como! así! también! qué! software! es! el! indicado!para!cada!tipo!de!imagen!digital.!! ! Si! nos! referimos! a! las! imágenes! vectoriales,! ya! sea! para! crear! o! editar! este! tipo! de! imágenes,! Adobe! Illustrator! es! el! programa!indicado,!y!también!el!más!utilizado!mundialmente!en!el!ámbito!profesional,!por!ser!el!más!completo!y!por!su! amplia! compatibilidad.! Existen,! por! supuesto,! otras! alternativas,! como! el! popular! Corel! Draw! o! Inkscape! para! los! usuarios!de!software!libre.!Es!importante!destacar!que!este!tipo!de!imágenes,!las!vectoriales,!solo!pueden!ser!creadas! mediante!software,!a!diferencia!de!las!de!mapa!de!bits,!que!pueden!ser!generadas!mediante!dispositivos!electrónicos! como!cámaras!digitales.!! ! Adobe!Photoshop,!por!otra!parte,!es!el!software!líder!en!edición!de!imágenes!de!mapa!de!bits,!aunque!igual!que!en!el! caso!anterior,!existen!otras!opciones!en!el!mercado!como!Corel! Photopaint,!Paintshop!Pro! y!Gimp.!Esta! última!es!una! opción!libre!y!gratuita,!de!código!abierto!al!igual!que!el!mencionado!anteriormente!Inkscape.!Asimismo,!en!los!últimos! años!ha!cobrado!una!gran!popularidad!Adobe!Lightroom,!un!software!orientado!sobre!todo!a!fotógrafos!profesionales!y! amateurs,!ya!que!es!mucho!más!fácil!de!usar!porque!no!incluye!ninguna!de!las!herramientas!orientadas!al!diseño!que! posee!su!hermano!mayor,!Photoshop,!y!a!su!vez!porque!incorpora!interesantes!funciones!como!edición!de!imágenes!por! lote.!Este!programa!actualmente!se!adquiere!de!manera!conjunta!con!Photoshop.!! ! También!existen!programas!de!edición!mixtos,!como!Sketch.!Este!software!permite!editar!píxeles!y!vectores!dentro!del! mismo! programa! y! cambiar! rápidamente! entre! una! visualización! vectorial! y! otra! pixelar.! Si! bien! las! capacidades! de! edición! de! bitmaps! son! limitadas! en! relación! a! Photoshop,! este! software! no! fue! pensado! para! editar! fotografías.! Su! principal!y!casi!exclusiva!utilidad!es!diseñar!interfaces!de!usuario,!tanto!para!web!como!para!apps.!Esta!aplicación!se!ha! convertido! en! la! favorita! de! desarrolladores! y! diseñadores! web,! aunque! solo! se! encuentra! disponible! en! sistemas! operativos!Mac!OS.!!

# Cada!uno!de! los!anteriormente!mencionados!softwares!son!tanto!de!creación!como! de!edición!de! imágenes!digitales.! Pero!también!existen!otros!programas!conocidos!como!visualizadores,!que!nos!permiten!ver,!valga!la!redundancia,!pero! no! editar! las! imágenes.! Algunos! de! estos! programas! son:! Visualizador! de! imágenes! de! Windows,! ACDSee! Pro,! Adobe! Bridge,! Xee! (Mac),! XnView! y! digiKam! (Linux),! entre! muchas! otras! opciones! disponibles.! En! este! caso! la! oferta! de! programas! es! mucho! más! amplia! e! incluye! software! gratuitos! y! comerciales,! como! así! también! aplicaciones! para! dispositivos! móviles.! En! todos! los! casos,! estos! visualizadores! nos! permitirán! hacer! pequeños! ajustes! a! las! imágenes,! como!rotar,!espejar! o!redimensionar,!pero! nada!demasiado!complejo.! Su!principal!función! es!visualizar!y!organizar!las! imágenes,!aunque!en!el!caso!de!las!apps,!algunas!permiten!agregar!filtros,!textos!o!crear!collages!básicos.!!

# 1.3-FORMATOS-DE-IMAGEN! Como!mencionamos!antes,!las!imágenes!digitales!son!aquellas! que!utilizan!un!soporte!digital!para!su!representación!y! reproducción.! Cuando! trabajamos! con! un! software! de! computadora,! este! genera! un! archivo! digital! con! un! formato! o! extensión! asociado! al! programa! con! el! que! fue! creado.! Cada! formato! posee! cualidades! que! lo! hacen! apropiado! para! situaciones!y!usos!específicos.!En!la!siguiente!tabla!se!detallan!las!principales!características!de!los!formatos!de!imagen! bitmaps!más!utilizados!en!la!actualidad.!! ! !

FORMATOS#DE#IMÁGENES#MAPA#DE#BITS#

#

FORMATO#DE#IMÁGENES#VECTORIALES#

# # 1.4-NATURALEZA-DE-LAS-IMÁGENES# Las!imágenes!digitales!poseen!ciertas!propiedades!particulares!que!determinan!su!naturaleza.!Conocer!y!entender!estas! características! nos! ayudará! a! sacar! el! máximo! provecho! de! ellas! y! a! realizar! un! trabajo! más! eficiente! y! profesional.! Entender!estas!propiedades!es!como!conocer!la!anatomía!de!una!imagen!digital,!y!si!conocemos!su!anatomía!podremos! operarla!con!las!técnicas!y!herramientas!adecuadas!para!cada!caso.!! Estas!características!son:!! ! ! ·!Tipo!y!formato!de!imagen:!vectorial!o!mapa!de!bits;!!! ! ! ·!Tamaño!y!resolución!de!imagen;!!! ! ! ·!Profundidad!de!color;!!! ! ! ·!Espacio!de!color.!!!

Las! diferencias! entre! imágenes! vectoriales! y! bitmaps! ya! han! sido! desarrolladas! en! páginas! anteriores! junto! a! los! diferentes!formatos.!Como!esta!materia!se!aboca!al!aprendizaje!de!Photoshop,!ahora!nos!concentraremos!en!el!resto!de! las!propiedades!de!las!imágenes!de!mapa!de!bits.!!! ! Tamaño#y#resolución#en#una#imagen#digital!!! El! concepto! de! resolución! de! imagen! suele! prestarse! a! la! confusión,! ya! que! puede! hacer! referencia! a! dos! posibles! expresiones:!!! ! ! ·!Resolución!digital!o!por!tamaño!(resolución!en!pantalla),!o!!! ! ! ·!Resolución!de!impresión!o!por!densidad.!!! ! Se!denomina!resolución!digital!a!la!cantidad!de!píxeles!que!componen!una!imagen.!Su!valor!se!define!por!el!ancho!y!el! alto.!Mientras!mayor!es!la!cantidad!de!píxeles,!mayor!es!el!tamaño!de!la!imagen!y!su!resolución.! Entonces!podemos!decir!que!una!imagen!de!1920!x!1080!píxeles!es!de!mayor!resolución!y!tamaño!que!una!de!1280!x! 720!píxeles.!Una!mayor!cantidad!de!píxeles!también!implica!un!aumento!del!tamaño!del!archivo.!! ! Concepto!de!megapíxel!(Mpx).!El!prefijo!mega!equivale!a!un!millón!(1,000,000),!por!lo!que!un!megapíxel!corresponde! a! un! millón! de! píxeles! (una! resolución! de! 1224! x! 816! para! una! imagen! rectangular! de! formato! 3:2).! “Esta! unidad! de! medida!se!utiliza!para!expresar!la!resolución!de!imagen!de!las!cámaras!digitales.!Una!mayor!cantidad!de!megapíxeles! equivale!a!un!mayor!tamaño!de!imagen.!! ! Según!lo!que!acabamos!de!explicar,!normalmente!pensaríamos!que!siempre!una!mayor!resolución!se!traducirá!en!una! mayor!calidad!de!imagen.!Esto!es!parcialmente!cierto,!ya!que!mediante!un!software!de!edición!de!imágenes!podemos! agrandar!una!imagen,!y!aumentar!así!la!cantidad!de!píxeles!que!la!componen,!de!esta!manera!también!aumentamos!su! resolución,!pero!en!realidad!solo!estamos!deteriorando!la!calidad!de!imagen,!ya!que!los!píxeles,!al!agrandarse,!se!notan! más.! El! uso! de! itálica! en! el! término! agrandarse! se! debe! a! que! los! píxeles! literalmente! no! se! agrandan.! Píxel! es! una! unidad!de!medida!que!siempre!tiene!el!mismo!tamaño!en!una!misma!pantalla!(1!px!x!1!px).!Lo!que!sucede!en!realidad!es! que,!al!agrandar!la!imagen,!el!software!inventa!información!inexistente,!y!los!píxeles!se!hacen!más!notorios.!El!proceso! por!el!cual!una!imagen!es!ampliada!mediante!un!software!se!conoce!como!interpolación.!! !

PPI#(o#PPP)#Y#DPI,#RESOLUCIÓN#POR#DENSIDAD## # La! resolución! por! densidad,! a! diferencia! de! la! resolución! digital,!tiene! relación! directa! con! el! concepto! PPI! (píxels! per! inch!=!píxeles!por!pulgada).!Esto!es!la!cantidad!de!píxeles!que!entran!en!una!pulgada!cuadrada.!! Como!sabemos,!píxel!es!una!unidad!de!medida!digital!solo!utilizada!en!los!ordenadores.!Dicha!unidad!no!existe!en!los! soportes!físicos,!por!lo!que!es!necesario!hacer!una!equivalencia!entre!el!mundo!digital!y!el!físico.!! Por!ejemplo:!! ! ! ·!Una!imagen!cuadrada!de!1!pulgada!(2.54!cm)!a!10!PPI!tendrá!un!tamaño!de!10!x!10!píxeles.!!! ! ! ·!La!misma!imagen!cuadrada!de!1!pulgada,!pero!a!20!PPI,!tendrá!un!tamaño!de!20!x!20!píxeles.!!! ! ! ·!Una!imagen!de!30!x!20!pulgadas,!a!72!PPI,!tendrá!un!tamaño!de!2160!x!1440!píxeles.!!!

! ! ! !

Como!podemos!observar!en!la!imagen!de!la!Figura!8,!las!dos!figuras! que! se! comparan! tienen! el! mismo! tamaño! en! centímetros,! pero! diferentes! dimensiones! en! píxeles.! Esto! se! debe! a! que! tienen! disímiles!densidades!de!píxeles,!distintas!resoluciones.!La!forma!a!20! PPI!posee!mejor!definición!que!la!de!10!PPI!gracias!al!mayor!número! de!píxeles!que!la!conforman.!Cabe!destacar!que,!como!su!tamaño!en! píxeles!es!distinto,!en!pantalla!se!verán!con!distintas!dimensiones,!a! diferencia!de!su! versión! impresa,! donde! tendrán! el!mismo! tamaño.! Podemos! afirmar,!entonces,!que!un! píxel!siempre!medirá!lo!mismo! en! una! misma! pantalla,! pero! impreso! puede! tener! diferentes! tamaños,!como!se!ilustra!en!la!Figura!8.!!

! Otro!enfoque!que!puede!ayudarnos!a!entender!mejor!este!concepto:!! ! Cada!dispositivo!puede!contener!píxeles!de!distinta!forma!y!tamaño.!Una!imagen!vista!en!un!monitor!de!23!pulgadas!se! verá!de! mayor!tamaño!que! la!misma!imagen! vista!en!la! pantalla!de! un!dispositivo! móvil.!No! obstante,!ambas!pueden! tener!la!misma!resolución.!Al!hablar!de!resolución!digital,!hacemos!referencia!únicamente!a!la!cantidad!de!píxeles!que! contiene!una!imagen,!sin!importar!su!medida!física!(mm,!cm,!pulgadas,!etc.).!La!cantidad!de!píxeles!que!una!impresora! puede!imprimir,!sin!pérdida!de!calidad,!sobre!una!determinada!área!física!(por!ejemplo,!1!pulgada),!se!mide!en!cantidad! de!píxeles!por!unidad!de!medida!PPI!(Pixels!per!Inch)!y!se!conoce!como!resolución!impresa.!! ! Las! pantallas! de! los! diferentes! dispositivos! tecnológicos! que! utilizamos! a! diario,! como! televisores,! computadoras! de! escritorio!y!notebooks,!tablets!y!teléfonos!celulares,!también!poseen!su!propia!densidad!de!píxeles!por!pulgada.!Así,!por! ejemplo,! un! TV! Led! de! 32! pulgadas! Full! HD! tiene! una! resolución! de! 1920! x! 1080! píxeles! (2.073.600! píxeles! o! 2! megapíxeles).! Mientras! que! un! TV! del! mismo! tamaño,! pero! solo! HD,! tiene! una! resolución! de! 1280! x! 720! (921.600! píxeles).!Al!igual!que!en!el!ejemplo!de!la!imagen!impresa!de!la!Figura!8,!en!el!TV!de!mayor!densidad!el!tamaño!del!píxel! será!menor,!y!la!calidad!de!imagen!será!superior.!! ! DPI,!por!otro!lado,!significa!dots!per!inch!(puntos!por!pulgada).!Este!nuevo!concepto!hace!referencia!a!la!resolución!de! las! impresoras.! Expresa! la! cantidad! de! puntos! por! pulgada! que! una! impresora! puede! imprimir! sobre! el! papel! y! la! cantidad!de!espacio!entre!los!puntos!de!cian,!magenta,!amarillo!y!negro.!Por!ejemplo,!una!impresora!de!360!DPI!puede! imprimir!129.600!puntos!(360!x!360)!por!pulgada!cuadrada.!! ! Hace!algunos!años!se!utilizaba!el!termino!DPI!para!referirse!indistintamente!a!la!resolución!de!pantalla!y!la!de!impresión.! Pero!es! muy! importante!destacar!la!diferencia!entre!PPI! y!DPI! ya!que! un!píxel!siempre! representa!un!color!uniforme,! pero! para! representar! el! mismo! píxel,! una! impresora! debe! usar! varios! puntos! de! tinta! combinados! para! formar! ese! mismo!color.!En!la!figura!10!se!puede!observar!claramente!la!diferencia.!! !

! Otro!concepto!que!podemos!destacar!es!el!de!resolución!nativa.!Esto!es!la!resolución!de!origen!de!una!imagen!digital,!el! tamaño!y!la!densidad!con!las!cuales!fue!concebida.!! ! !Entonces!¿cuál!es!el!tamaño!indicado!para!una!imagen!digital?! Tanto!el!tamaño!como!el!formato!de!una!imagen!adecuados!depende,!en!gran!medida,!del!uso!que!se!le!va!a!dar!y!del! dispositivo! de! salida! empleado.! Por! ejemplo,! en! una! imagen! para! la! web,! unos! 1280! x! 850! px! a! 72! PPI! suelen! ser! suficientes! para! ver! la! imagen! de! manera! correcta! y! en! gran! tamaño! en! la! pantalla.! Si! deseamos! imprimir! la! misma! imagen! en! tamaño! A4,! la! resolución! adecuada! sería! 3600! x! 2400! px! a! 300! PPI.! Como! regla! general! todo! lo! que! sea! diseñado!para!ser! visualizado!en! pantalla!debe!ir! a!72! PPI,!y!todo! lo!que! sea! para!imprimir!debe! ir!a! 300!PPI,! aunque! existen!valores!intermedios.!En!la!siguiente!tabla!se!especifica!cada!caso!en!particular:!! ! !

! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !

INTERPOLACIÓN#DE#IMAGEN# # La!interpolación!es!un!proceso!que!realizan!los!softwares!que!trabajan!con!imágenes!digitales!bitmaps!para!modificar!su! tamaño.!Como!ya!sabemos,!un!píxel!no!puede!aumentar!su!tamaño!en!pantalla,!siempre!medirá!lo!mismo.!El!tamaño!de! la!imagen!en!pantalla!se!define!siempre!po...