27/6/2016

Imgenesvectorialesymapasdebits|ObservatorioTecnolgico

Imgenesvectorialesymapasdebits
SOFTWAREGeneral
dilluns,17d'octubrede200512:04
Tuit

Like

.Therearenotranslationsavailable
.Conoceydiferencialosformatosdeimgenes.Cundousarcadaunodeellos
:Lasimgenesvectorialesgrficosorientadosaobjetos
Las imgenes vectoriales se construyen a partir de vectores. Los vectores son objetos formados matemticamente. Un vector se
defineporunaseriedepuntosquetienenunasmanecillasconlasquesepuedecontrolarlaformadelalneaquecreanalestar
.(unidosentres.LosprincipaleselementosdeunvectorsonlascurvasBizer(curvasrepresentadasmatemticamente

Estaslneasocurvasbizersonmuymanejablesyaquepermitenmuchasposibilidadesporsuplasticidad.Estascaractersticaslas
conviertenenlamaneraidealdetrabajarcuandosetratadediseogrfico,(comocreacindelogotiposodibujos).Laversatilidad
delasmismaslasconviertenenunamaneramuytilparatrabajartambincontextosyaquesepuedenmodificarydeformarsin
.lmite,acadaletraselepuedenasignarcontornoseditablesademsdepoderdescomponerlamismaenvariosobjetos

Imagenvectorial.CurvadeBizer.Lacurvaquedadefinidaporlosnodosopuntosdeanclajeyporlasmanecillasdecontrolque
.definenymodelansuforma.Paramodificarlassimplementehayquemoverlasmanecillashastaqueconsigamoslacurvadeseada
:Formatosvectoriales
Alutilizarlosformatosvectorialescoordenadasmatemticasparaformarimgenesconcretas,laresolucindelasmismasesinfinita,
esdecir,todaimagenvectorialsepuedeescalarampliandooreduciendosinquelavisibilidaddelamismaseveaafectada,nien
.pantallanialahoradeimprimir.Msadelanteveremosqueesteeselprincipalinconvenientedelosmapasdebits

http://recursostic.educacion.es/observatorio/web/ca/software/softwaregeneral/293lorenaarranz?tmpl=component&print=1&layout=default&page=

1/10

27/6/2016

Imgenesvectorialesymapasdebits|ObservatorioTecnolgico

Laimagenvectorialnospermitecrearcontornosdelneavariadaydefinirelcolordelasformasquestascrean.Laformasepuede
controlardemaneramuyprecisaycadaobjetosepuedemanejardeformaindependientealrestoyaqueestaconstruidoconuna
.frmulamatemticapropia

.Hemosampliadoeldibujodelrelojdelaimagenanteriorsinqueporelloseproduzcaniperdidadecolornideforma
.Siseguimosampliandoestaimagenseguirvindoseigualdentidayconlamismainformacindecolor
CDRCorelDraw:Eselformatodelprogramaquelogenera.LosgrficosquerealizamosconCorelDrawsonvectorialesy
.estncompuestosporlneasyplanosquesesitanenunascoordenadasconcretasenlapgina
:AIAdobeIlustrator

.SuscaractersticasenlaformadeconstruirgrficassonigualesalasdelProgramaCorelDraw
:EPSEncapsulatedPostscript

http://recursostic.educacion.es/observatorio/web/ca/software/softwaregeneral/293lorenaarranz?tmpl=component&print=1&layout=default&page=

2/10

27/6/2016

Imgenesvectorialesymapasdebits|ObservatorioTecnolgico

ElEPSesunodelosmejoresformatosparaserimportadosdesdelamayoradesoftwaredediseo.Esunformatomuyadaptableya
.quepodemosutilizarloigualmenteparaimagenvectorialcomomapadebits
:WMFWindowsMetafile
FormatodesarrolladoporMicrosoft,comoconsecuenciaestaespecialmenteindicadoparatrabajardemaneracompatibleconlos
.programasdeMicrosoft
:Losmapasdebits(bitmaps)imgenesrasterizadas
Una imagen es un mapa de bits cuando est compuesta por una serie de puntos (tambin llamados pxel), que contienen
.informacinacercadelcolor
Estos puntos o pxeles que forman la imagen se sitan en un nmero determinado, a mayor nmero de puntos o pxeles, mayor
.calidaddeimagen,estoesloqueseconoceporresolucindeimagen
Lasimgenesdemapadebitsdependendelaresolucin,esdecir,contienenunnmerofijodepxeles.Cadaunodeestospxeles
poseeunasituacinyunvalordecolorconcreto.Cuandotrabajamossobreunmapadebits,loquehacemosenrealidadestrabajar
sobre cada uno de estos puntos. El pxel es por tanto, dentro de la imagen, la unidad de informacin bsica. Los pxeles estn
colocados de tal manera que juntos forman una rejilla, cada celda de la rejilla es un pxel y todos juntos forman la imagen. Al
modificarestarejilla,porejemplo,ampliandosutamao,cambiamosladistribucin,elnmeroylainformacindecolordecadauno
.deellos,portanto,realizarcambiosomodificacionessobreestospxelesafectadirectamentealaimagenqueforman

:Tamaoyresolucindeimgenes
Laresolucindeimageneselnmerodepxelesmostradosporunidaddelongitudimpresaenunaimagen,quenormalmentese
.(mideenpxelesporpulgada(ppi,pxelper.inch).(Verejemploenimagen2,Imagen3
Lasfotografasqueseobtienenapartirdelascmarasdigitalessonmapasdebits,lasimgenesquecapturaunescnertambinlo
http://recursostic.educacion.es/observatorio/web/ca/software/softwaregeneral/293lorenaarranz?tmpl=component&print=1&layout=default&page=

3/10

27/6/2016

Imgenesvectorialesymapasdebits|ObservatorioTecnolgico

sonenestasimgeneslacalidadmximaquetienen(nmerodepxelporunidaddemedida,pxeles/cm.,pxeles/pulgada.)viene
determinada en el momento de crearlas por lo que no podremos ampliar la resolucin o nmero de pxeles por unidad
posteriormente, es decir, no podremos ampliar su resolucin sin que la imagen se vea afectada, en general deformndose y
(perdiendonitidez,yaquesemodificanlospxelesquelasdefinen.(imagen1

:Imagen1
Alintentarampliarlaresolucinyeltamaodelaimagenvemosqueestasedeformaypierdenitidez.Esunaimagende150px.
.((Calidadmedia

:Imagen2
Imagenenmuyaltaresolucin,aunquelaimagenseamplesiguesiendontidaycondetalle.Esunaimagende300px.(Calidad
.(alta

http://recursostic.educacion.es/observatorio/web/ca/software/softwaregeneral/293lorenaarranz?tmpl=component&print=1&layout=default&page=

4/10

27/6/2016

Imgenesvectorialesymapasdebits|ObservatorioTecnolgico

Imagen3
Lamismaimagenenbajaresolucin,lospxelessevenasimplevistaylaampliacindelaimagenesconfusa.Esunaimagende
.(72px.(Calidadbaja
Eltamaodelospxelesdeterminalacantidaddedetalledelaimagenlasdimensionesdeestospxelesyelnmerodeelloseslo
.(quedalacalidadfinal(Alta,mediabaja
Sepuedemodificareltamaodelospxelessiempreycuandolosreduzcamosohagamosmspequeos,enestecasolaimagen
.noseverafectadayaquenoestamosmodificandolainformacindelosmismos,simplementereducimossutamao

.(Verimagen4)

.Imagen4
Loquenomejoralacalidaddelaimagenesaumentarelnmerodepxelesyaquealaumentarelnmerototaldepxelesestos
deberan ser inventados, es decir, aumentar la resolucin de una imagen de baja resolucin slo extiende la informacin de los
pxelesoriginalesatravsdeunnmeromayordepxelesperoestonomejoralaimagen.Estosepuedeverfcilmentecuandose
.imprimelaimagen
http://recursostic.educacion.es/observatorio/web/ca/software/softwaregeneral/293lorenaarranz?tmpl=component&print=1&layout=default&page=

5/10

27/6/2016

Imgenesvectorialesymapasdebits|ObservatorioTecnolgico

Utilizarunaresolucindemasiadobajaparaunaimagenimpresaproduceunapixelacin,pxelesdegrantamaoconunaspecto
(muydesigualenlaimpresin.(Imagen5

.Imagen5.Alintentarampliarlaimagenlaresolucinnomejorayproduceelefectodeimagenpixelada
Laresolucinyeltamaodearchivoestarelacionadadeformaproporcional.Porejemplo,unaimagende1cm.por1cm.conuna
resolucinde72p/cm.contieneuntotalde5.184pxeles.Esamismaimagenconunaresolucinde300p/cm.contendrauntotalde
90.000pxeles.Estadiferenciaafectaaltamaodearchivo.Enelcasodelaimpresin,unaresolucinmuyaltaserlentaporel
enormeespacioqueocupa,mientrasqueunaimpresinconunaresolucinmuybajapuededarlugaraunapixelacinenlaimagen
.((Tamaodemasiadograndedelospxeles
:Compresindeimgenes
Unodelosprincipalesinconvenientesquetienenlosbitmapsdealtaresolucineselenormeespacioqueocupanllegndosea
crear archivos de demasiado peso para ser manejados con facilidad para evitar este problema se han desarrollado diferentes
.tcnicasdecompresin,stastratandereducirmediantealgoritmosmatemticoselvolumendelarchivo
Losarchivosdeimagensemidenenmegabites(MB,1megaequivalea1024K)ogigabites(GB1gigaequivalea1024megas.
.Conlosformatosdeimagenconseguimosreducirelpesodelaimagensinmodificarelnmerodepxeles
Existendostcnicasotiposdecompresin:Lastcnicassinprdidas:Comprimenelarchivosineliminardetalledelaimagenni
informacindecolor.Lastcnicasconprdidas:Eliminandetalledelaimageneinformacindelasmismas.Lasmshabitualesson
:lassiguientes

http://recursostic.educacion.es/observatorio/web/ca/software/softwaregeneral/293lorenaarranz?tmpl=component&print=1&layout=default&page=

6/10

27/6/2016

Imgenesvectorialesymapasdebits|ObservatorioTecnolgico

Imagen6
Ejemplodeimagencomprimidalaoriginalpesa207kb,sehaidovariandolacompresindelamismahastallegara22.5kb,sise
.observasepuedereduciranmaselpesodelafoto,sinembargolacalidadempeorabastante
:Tiposdedeformatodeimgenes
.GIFGraphicalinterchangeformatFormatodeintercambiogrfico
ElformatoGIFutilizadostcnicasparacomprimir,unadeellasconocidacomoCLUT(ColorlookuptableTabladeconsultade
.colores)ylaotraeslaLZWqueseexplicamsadelante
ElformatoGIFesunodelosmsutilizadossobretodoparaimgenesWebestoesdebidoaqueesunodelosquenosofrecenms
.posibilidadesymsaltoniveldecompresin
ElmecanismodelaTabladeconsultadecolores (CULT)eselsiguiente:Paracadapxelhayunainformacinde24bitsdecolor,
estonospuedellegaraproporcionarunaimagende16millonesdecolores,yaquenoesnecesariotantonmerodecolorparaver
unaimagenconcalidad,latcnicaCLUTseencargadereducirlos16millonesa256coloresestotienecomoconsecuenciaqueen
vez de guardar 24 bits de informacin para cada pxel sean solo necesarios 8 bits por pxel, ya que para definir cada pxel solo
http://recursostic.educacion.es/observatorio/web/ca/software/softwaregeneral/293lorenaarranz?tmpl=component&print=1&layout=default&page=

7/10

27/6/2016

Imgenesvectorialesymapasdebits|ObservatorioTecnolgico

tendremosquehacerreferenciaaunaposicindentrodelatabladeLasimgenesquesetratanconestatcnicasedenominan
.indexadas.LarelacindecompresindeunafotografaquesepasaaGIFesde4a1

.ImagencomprimidaenformatoGIF,comosepuedeobservareltextoseleeperfectamenteylacalidaddelaimagenesbuena
(LZW(LempleZifWelch
No tiene traduccin al espaol ya que se estas siglas, son las iniciales de los apellidos de los creadores de esta tcnica de
.compresinsinprdidas.SufuncionamientoesmuysimilaralRLE
(RLE(RunLengthEncoding
Tcnicadecompresinsinprdidas.ElRLEseencargadeanalizarlaimagenparalocalizaralospxelesquesondelmismocolor,
loqueseconsigueconesteanlisisesquealguardarlaimagen,seregistreunnicovalordecolorparaunconjuntodepxeles,en
vezdequecadaunotengasupropioregistro.Estatcnicafuncionamuybienparabitmapsquesecompongandeunagrancantidad
.decoloresigualesyaqueseahorramuchopesoylacalidaddelaimagensiguemantenindose
(JPEG(Joinphotographicexpertgroup
SielformatoGIFesunodelosmsadecuadosparalacompresinen256colores,elJPEGloesparalasimgenesquecontienen
.msde256
JPEGnoesunformatodeimagenpropiamentedichosinodecompresinencontrasteconGIF,JPEGguardatodalainformacin
referentealcolorenmillonesdecoloresysinqueporelloelarchivoresultanteseademasiadogrande,esosi,amayornivelde
.compresinmayorprdidadelaimagen
LatcnicadecompresinqueutilizaelJPEGsellamaDCT(Discretecosinetransformtransformacindiscretadecoseno),Esta
compresinestbasadaenlaideadequeelojohumanopercibepeorloscambiosdecolorquelasvariacionesdebrillo.JPEGno
guardaelvalorRGBparacadapxelsinoqueloquehaceesdividirlainformacinendospartes,porunaelcoloryporotraelbrillo,
yadems,lascomprimeporseparado.EstohacequeJPEGnoseaelformatoadecuadoparaimgenesconcontrastesdecolor
altos. A mayor suavidad en los cambios de color mejor nivel de compresin. Y a mayor contraste peor, en las siguientes fotos
.podemosvercomoeltextodeunnicocolorycontrastadoconlafotoquedamuyborroso

http://recursostic.educacion.es/observatorio/web/ca/software/softwaregeneral/293lorenaarranz?tmpl=component&print=1&layout=default&page=

8/10

27/6/2016

Imgenesvectorialesymapasdebits|ObservatorioTecnolgico

.(JPEGnoeselformatoadecuadoparautilizarcontextoeimagen.(Imagen7

Imagen7
.ImagencomprimidaenformatoJPEG,lacompresindelaimagensineltextositienemuybuenacalidad
UnodelosinconvenientesquetieneelformatoJPEGesqueesunformatoconprdidas(sinoseutilizaadecuadamente).JPEG
realizacambiosenlaimagenyenelcolorcadavezqueseguarda,esdecir,siporejemploabrimosunaimagenJPEGenlaqueno
.realizamosningncambioylavolvemosaguardarperderemoscalidadenlaimagen
Unaimagenqueguardemosveintevecesiraperdiendocalidadcadavezquelaguardemos.PortantoelguardarlaimagenenJPEG
.sedebedeconvertirenelltimopasodespusdehaberrealizadoenellatodaslasmodificacionesquequeramos
Peseaesto,JPEGesunodelosformatosquemejorcomprime,mientrasqueotroformatocomprimeenunarelacinde2:1,elJPEG
puedellegaracomprimirenunarelacinde10:1y20:1(paraimgenesdecalidadalta)sinquelasmismastenganunaperdida
visible.PorestemotivoJPEGesunodelosmejoresformatosparacomprimirfotografasdealtacalidad,yaqueescapazdeconvertir
unaimagende20MBen2MBsinquelaresolucinseveaafectada.Sloconajustedemuybajacalidadsenotaraunaperdida
.(visualenlaimagen,(hablamosdeunacompresinde100:1
http://recursostic.educacion.es/observatorio/web/ca/software/softwaregeneral/293lorenaarranz?tmpl=component&print=1&layout=default&page=

9/10

27/6/2016

Imgenesvectorialesymapasdebits|ObservatorioTecnolgico

JPEGesportanto,unformatomuyadecuadoparalacompresindefotografasencoloryparaimgenesWeb,yaqueaunquela
.compresinseamuyelevadalaperdidavisibleesaceptable
.PNGPortablenetworkgraphicformat
.PNGeselformatoqueestaempezandoacobrarprotagonismoenlaWeb,yaqueunelasventajasdelJPEGydelGIF
PNGpermiteacompresinsinprdidasconunaprofundidaddecolorde24bitsyademstiene256nivelesdetransaparencias,
esto permite que cualquier borde de la imagen se funda perfectamente con el fondo. Aparentemente PNG es mejor formato que
JPEGOGIF,sinembargonoescapazdeproducirimgenesanimadas(GIFs)ylasimgenesdePNGsonsiempredemayorpeso
.quelasdeJPEG
CCITTConsultivoInternacionaldeTelgrafosyTelecodificacin.Comit
Tcnicasdecompresinsinprdidas.Estaespecialmentediseadaparaimgenesenblancoynegro.Tambinseutilizaparalos
.formatosdearchivoPDFydelenguajePostScript
ZIP
Compresinsinprdidas.Esunadelasmsconocidasyaquesepuedeusarentodotipodearchivos,admitidatambinporlos
.formatosdearchivoPDFyTIFF
(PackBits(ImageReady
.Compresinsinprdidas.AdmitidaporelformatodearchivoTIFFsloenImageReady
BMPBITMAP
.EselformatodeWindowsparabitmaps,esunformatomuyconocidoaunquesucompresincomparadacongifojpegesmuypobre
PSDAdobephotoshop
.Eselformatodelprograma,esmuyutilizadoyaquegrficamenteesunodelosprogramasdefotografamspotentes
TIFFTagimagefileformat
Es uno de los formatos ms utilizados ya que es admitida prcticamente por todas las aplicaciones de edicin e imagen. Es un
formatoquepermitemuchasposibilidadesyqueescompatibletantoparaMaccomoPc
.Haymuchosmsformatosdeimagenperolosnombradosaqusonlosmscomunes,sobretodoelformatoGIFelJPEGyelPSD

http://recursostic.educacion.es/observatorio/web/ca/software/softwaregeneral/293lorenaarranz?tmpl=component&print=1&layout=default&page=

10/10