Igualmente, es que siempre asociamos imágenes como fotografías y demás como JPEG (mayor resolución) e imágenes de pixelart (baja resolución) en PNG, y ahí comparábamos y pensábamos que era cosa de los formatos
De hecho yo hago dibujo digital y en los inicios siempre guardaba en este formato. No tenía ni idea de formatos. Ahora todo queda guardadito en TIFF o PNG.
Hola, yo traigo ese comentario random que explica la fórmula de conversión que usa el JPEG. En resumen y de forma preliminar, lo que hace es reducir identificar un patrón, eliminar la información y luego inventarse información según el patrón que guardó. Es un proceso irreversible. Por eso se pierden los detalles y te muestra algo diferente cuando revisas con cuidado los tonos del color y el contraste a nivel de detalles pequeños. Especialmente pierdes los detalles más 'finos'. Sea como sea, el mecanismo de compresión de imágenes del JPEG funciona así: 1. Primero se forman dos tablas con información de toda la imagen. Una con la luminosidad "Y" (qué tan blanco o negro es tu pixel) y otra con el valor del tono del color. Aquí vale la pena detenerse a explicar que el sistema de color que usa la compresión de JPEG es el YCrCb. Se considera el color según su distancia del rojo (Cr) o del azul (Cb). Su punto inicial es la luz visible sin más. No obstante, usan valores positivos y negativos. Los valores del Y, o luminosidad van desde el 0 al 255 como en RGB. Pero, los otros valores usan un rango entre -128 y 127. Realmente también usa 255 valores, te das cuenta de eso cuando sumas (127 + 128). La cosa es que funciona como un espectro de color que mide una distancia, y como referencia empieza a contar desde el 0 hacia los valores más cercanos o lejanos al rojo o azul. Los valores individuales del RGB siguen otra lógica porque miden más una cantidad acumulativa de intensidad de determinado tono de color, por eso siempre usa valores positivos; es recién cuando ves los tres valores de RGB que formas un espacio de color usando coordenadas. El Cr te dice qué tan lejos estás del Rojo, el Cb de forma similar te dice qué tan lejos estás del azul. Por ejemplo, un valor de -128 en el Cr, que es el máximo, te dice que estás tan lejos del rojo que estás en el azul máximo. Lo mismo sucede al contrario. Una buena forma de visualizarlo es imaginarse un plano de coordenadas. 2. Luego, el algoritmo divide tu imagen en bloques. Usualmente son cuadrados de 8x8 pixeles, pero según el nivel de compresión el tamaño de estos bloques puede variar. Mientras más grande sea el bloque más detalle se pierde porque más información está resumiendo el algoritmo. 3. Ahora que tienes bloques, dentro de cada bloque cada pixel tiene individualmente valores de color que normalmente serían RGB, pero que ahora pasarán a ser dos valores. Uno de su luminosidad (Y) y otro de su color ( Cr y Cb ). Para convertirlo se usa una transformada de coseno discreta. Básicamente lo que hace es tomar un promedio con los valores de intensidad de todos los pixeles de tu bloque. Luego calcula la 'desviación media', para esto calculas la diferencia entre el valor de la intensidad de cada pixel respecto del valor promedio y con cada uno de estos nuevos valores calculas un nuevo promedio. Ahora bien, en este momento tendrás que 'desplazar el valor'. Para conseguirlo multiplicas el valor de la diferencia de intensidad por una función coseno, esto significa que el valor se desplaza según el 'patrón' que tiene el gráfico de esta función ( en este caso su gráfico es como una onda que empieza en el centro de una w curveada). Haces eso con cada pixel de tu bloque y los sumas. Esta suma te da la frecuencia de Cr y Cb que ahora tendrá cada pixel. Cuanto más bajo sea el valor más baja la frecuencia, la intensidad del brillo, y viceversa. Recordemos que se hace con cada valor del RGB. 4. Después se toma cada pixel de cada bloque y se dividen sus valores Y, Cr, Cb entre los valores iniciales de Y, el brillo. Entonces tomas los nuevos valores y los redondeas al número entero más cercano. Finalmente haces una nueva tabla. La consecuencia es que los valores de tu nueva tabla tiene datos con menos valores y valores con menos distancia (por eso es frecuente encontrar degradados donde antes había contrastes). Como hay menos datos el archivo tendrá menos tamaño, pero también menos calidad. La tendencia estadística hará que se formen algunos patrones y se pierdan detalles. Ahora bien, comprenderíamos que se ha eliminado información luego de la transformada. Sin embargo, sería más preciso decir que lo que en verdad sucedió es que esa información que antes representaba un formato de color 'espacial', ahora se convirtió en uno que funciona con frecuencias de un espectro de color. Finalmente, cabe decir que la compresión de JPEG consigue guardar la calidad hasta cierto punto, especialmente cuando se trata de imágenes que no tienen mucha complejidad por carecer de muchos contrastes entre pixeles.
Wow estuve estudiando lo basico de lenguajes de programación y literal con lo que has dicho me has ayudado a entender más todo este mundo 👑✨ A y en Peru le decimos J-P-G asi por silabas 😂❤
En realidad en todos los paises se le dice JPG por silabas pero se le agrega la letra E porque si lo decis de forma entera (sin abreviatura) contiene la E
Muy interesante saber cómo funciona. Como arquitecta y trabajando tanto con imágenes, hace mucho que no uso el JPG por ser destructivo, aunque eso es algo que he descubierto por mi cuenta y que no todo el mundo sabe. También tengo entendido que JPG hace una descompresión-compresión cada vez que lo abres que cambia levemente los datos. Se supone que si abres muchas veces la imagen, se empiezan a notar variaciones. Una pequeña nota, si la gente supiera que Photoshop te ofrece una forma muy rápida de guardar en PNG, no se molestarían en intentar guardar en JPG. Está en Archivo > Exportar > Exportación rápida como PNG. Incluso se puede hacer individualmente con las capas, sería seleccionar las que quieras exportar > clic derecho > Exportar como PNG :)
Usted es el único caballero al cual, con agrado, me gusta ver sus videos asmr, aparte de relajantes son muy educativos e imparten conocimientos, la verdad también creí que jpeg era mejor que PNG
9:40 diría que es una técnica de ponderación, con la que se ajusta el valor a la media de los píxeles vecinos, pero no soy un experto en matemáticas y algoritmia así que tampoco me haría mucho caso 😅
Gracias por explicar lo del color y la luz, eso explica porque estuve 5 minutos mirando las diferencias entre RGB y color indexado y concluí que "son la misma huevada"
@@Elias_Lozano_Pixelart no no, si se que son distintos, es que en el video pones una comparativa de dos imágenes no noto diferencias visibles desde el celular
Como diseñador gráfico me parece super interesante este tipo de contenido, ya que al estar trabajando constantemente en cmyk y exportando a jpg para la impresión de archivos, al rgb lo tengo un poco relegado jajaja 😅
incluso fuera de pixelart el problema es cuando trabajas multiples veces con un archivo, aunque des calidad 12 al jpeg, de guardar, abrir modificiar, guardar, y asi repetido 20 veces acabas destruyendo mucha informacion. Obviemente para pixelart no vale.
Nunca uso formatos de alto rango dinámico, esto normalmente se usa para imagen grabadas con cámaras o renders a los que después se les tiene que hacer corrección de color, ahí si es importante, quizas pueda ser util si hacer arte digital que despues se va a imprimir, pero para pixelart la verdad no tienen ningun sentido. Quizas deberia hacer un video sobre esto.
alguna vez usaste IA para generar pixel arts? son buenisimos para no ser hechos por humanos. si has "formateado" pixel arts desde jpeg, quizas puedas transformar los de la IA a uno nuevo
si, hara un año hice un vdeo en youtube sobre eso, genere varios pixelarts con ia y despues los revise. Desde entonces ha evolucionado mucho y ahora ya salen cosas que podrian pasar por hechas a mano, deberia hacer otro video.
Buen video. Uff pero no puedo con tu voz susurrada, me fastidia mucho. Y me doy cuenta que es así en los demás vídeos. Los miraría todos pero de verdad no puedo 😂
@@Elias_Lozano_Pixelart jaja seguramente, pero es una manía que tengo. Con decirte que me incomoda también el sonido de tu lápiz óptico cuando dibujas. 🤣 El punto es que sos MUY TALENTOSO!
![Cómo HACER un MODELSHEET 🤔💭 [ Hoja de personajes ]](http://i.ytimg.com/vi/-0zZ2s3b4j0/mqdefault.jpg)
![🎨🎧 Retratando a el Xokas en pixelart [ASMR]](http://i.ytimg.com/vi/qRm1mneBIvg/mqdefault.jpg)
La mirada d los mil JPG
**viajero del tiempo mueve una silla**
La linea temporal:JPG Es el bien
Yo soy el bien, son las siglas de mi nombre y apellidos 😆
Intentaré adivinar: José Pérez García o un nombre parecido? Xd@@JPG_1999
@@JPG_1999 JPG = Jordy Pene Grande
@@JPG_1999PNG es god
siempre pensé erróneamente que el JPG era mejor que el PNG a la hora de publicar anuncios publicitarios, gran video
Hay casos donde la velocidad y el tamaño son mas importantes que la calidad, ahí es donde JPG gana.
Igualmente, es que siempre asociamos imágenes como fotografías y demás como JPEG (mayor resolución) e imágenes de pixelart (baja resolución) en PNG, y ahí comparábamos y pensábamos que era cosa de los formatos
Quien piensa eso que sepa un mínimo de fotografía o trabajar con archivos digitales, solo hay que ver el tamaño que ocupan
Que pedazo de dormida me pegue, amo este formato de videos. Segui con los pixelarts pero si metieras mas de estos videos para mi son droguita...
😂 claro! Ya estoy preparando el del color indexado
Hacer divulgación mientras haces ASMR es una cosa súper interesante, excelente video Elias te sigo por tiktok desde 2021!
2021 es cuando empece, no? como me has aguantado 2 años?? XD
4:24 No puede ser que recién ahora me entero que RGB hace referencia a los 3 colores con sus iniciales en inglés.
Pues si 😅
Por fin encontré un ASMR para diseñadores e informáticos
"Si ellos dicen que es más óptimo pues, diremos que sí" 😂😂😂😂 Un grande, gracias por el vídeo
siempre se aprende algo, toda mi vida crei que jpg era mejor que png en cuanto a calidad, excelente video
No se absolutamente nada de diseño, pero amo mucha la estetica de píxeles jaja super atrapada con tus videos Elias, eres un gran🎉🎉
Gracias!
De hecho yo hago dibujo digital y en los inicios siempre guardaba en este formato. No tenía ni idea de formatos.
Ahora todo queda guardadito en TIFF o PNG.
Yo no entiendo nada de todo esto, pero la forma en como lo explicas hace que me interese todo lo que dices 😂
Muy buen video, bastante informativo y el tono de voz es muy relajante
Hola, yo traigo ese comentario random que explica la fórmula de conversión que usa el JPEG.
En resumen y de forma preliminar, lo que hace es reducir identificar un patrón, eliminar la información y luego inventarse información según el patrón que guardó. Es un proceso irreversible. Por eso se pierden los detalles y te muestra algo diferente cuando revisas con cuidado los tonos del color y el contraste a nivel de detalles pequeños. Especialmente pierdes los detalles más 'finos'.
Sea como sea, el mecanismo de compresión de imágenes del JPEG funciona así:
1. Primero se forman dos tablas con información de toda la imagen. Una con la luminosidad "Y" (qué tan blanco o negro es tu pixel) y otra con el valor del tono del color.
Aquí vale la pena detenerse a explicar que el sistema de color que usa la compresión de JPEG es el YCrCb. Se considera el color según su distancia del rojo (Cr) o del azul (Cb). Su punto inicial es la luz visible sin más. No obstante, usan valores positivos y negativos. Los valores del Y, o luminosidad van desde el 0 al 255 como en RGB. Pero, los otros valores usan un rango entre -128 y 127. Realmente también usa 255 valores, te das cuenta de eso cuando sumas (127 + 128). La cosa es que funciona como un espectro de color que mide una distancia, y como referencia empieza a contar desde el 0 hacia los valores más cercanos o lejanos al rojo o azul. Los valores individuales del RGB siguen otra lógica porque miden más una cantidad acumulativa de intensidad de determinado tono de color, por eso siempre usa valores positivos; es recién cuando ves los tres valores de RGB que formas un espacio de color usando coordenadas. El Cr te dice qué tan lejos estás del Rojo, el Cb de forma similar te dice qué tan lejos estás del azul. Por ejemplo, un valor de -128 en el Cr, que es el máximo, te dice que estás tan lejos del rojo que estás en el azul máximo. Lo mismo sucede al contrario. Una buena forma de visualizarlo es imaginarse un plano de coordenadas.
2. Luego, el algoritmo divide tu imagen en bloques. Usualmente son cuadrados de 8x8 pixeles, pero según el nivel de compresión el tamaño de estos bloques puede variar. Mientras más grande sea el bloque más detalle se pierde porque más información está resumiendo el algoritmo.
3. Ahora que tienes bloques, dentro de cada bloque cada pixel tiene individualmente valores de color que normalmente serían RGB, pero que ahora pasarán a ser dos valores. Uno de su luminosidad (Y) y otro de su color ( Cr y Cb ). Para convertirlo se usa una transformada de coseno discreta. Básicamente lo que hace es tomar un promedio con los valores de intensidad de todos los pixeles de tu bloque. Luego calcula la 'desviación media', para esto calculas la diferencia entre el valor de la intensidad de cada pixel respecto del valor promedio y con cada uno de estos nuevos valores calculas un nuevo promedio. Ahora bien, en este momento tendrás que 'desplazar el valor'. Para conseguirlo multiplicas el valor de la diferencia de intensidad por una función coseno, esto significa que el valor se desplaza según el 'patrón' que tiene el gráfico de esta función ( en este caso su gráfico es como una onda que empieza en el centro de una w curveada). Haces eso con cada pixel de tu bloque y los sumas. Esta suma te da la frecuencia de Cr y Cb que ahora tendrá cada pixel. Cuanto más bajo sea el valor más baja la frecuencia, la intensidad del brillo, y viceversa. Recordemos que se hace con cada valor del RGB.
4. Después se toma cada pixel de cada bloque y se dividen sus valores Y, Cr, Cb entre los valores iniciales de Y, el brillo. Entonces tomas los nuevos valores y los redondeas al número entero más cercano. Finalmente haces una nueva tabla.
La consecuencia es que los valores de tu nueva tabla tiene datos con menos valores y valores con menos distancia (por eso es frecuente encontrar degradados donde antes había contrastes). Como hay menos datos el archivo tendrá menos tamaño, pero también menos calidad. La tendencia estadística hará que se formen algunos patrones y se pierdan detalles. Ahora bien, comprenderíamos que se ha eliminado información luego de la transformada. Sin embargo, sería más preciso decir que lo que en verdad sucedió es que esa información que antes representaba un formato de color 'espacial', ahora se convirtió en uno que funciona con frecuencias de un espectro de color.
Finalmente, cabe decir que la compresión de JPEG consigue guardar la calidad hasta cierto punto, especialmente cuando se trata de imágenes que no tienen mucha complejidad por carecer de muchos contrastes entre pixeles.
😱😱😱😱
Me parece que haces un arte del pixelart increible y tu cultura sobre el tema es fabulosa! Gracias por el video
Gracias!!
Estoy enganchado a tus videos y a tu trabajo. Que maravilla ❤❤
Gracias! ❤️
Nose mucho sobre este tema y sobre el pixelArt . Pero sin duda tienes videos de calidad y me relajo mucho ❤ ..
Gracias!
Wow estuve estudiando lo basico de lenguajes de programación y literal con lo que has dicho me has ayudado a entender más todo este mundo 👑✨
A y en Peru le decimos J-P-G asi por silabas 😂❤
En realidad en todos los paises se le dice JPG por silabas pero se le agrega la letra E porque si lo decis de forma entera (sin abreviatura) contiene la E
No se como, pero el algoritmo me trajo a este canal y siento que conseguí una joyita de Internet
Gracias!
Ningun dormir. Esta información me encanaataaa.
Gracias
Amo tus videos, me animan a querer aprender más del tema😊
Ta bueno el video, muy entretenido.
El titulo y el tema son muy interesantes
A este buen hombre le sale hacer ASMR sin esfuerzo y de forma natural. Crack.
Muy interesante saber cómo funciona. Como arquitecta y trabajando tanto con imágenes, hace mucho que no uso el JPG por ser destructivo, aunque eso es algo que he descubierto por mi cuenta y que no todo el mundo sabe. También tengo entendido que JPG hace una descompresión-compresión cada vez que lo abres que cambia levemente los datos. Se supone que si abres muchas veces la imagen, se empiezan a notar variaciones.
Una pequeña nota, si la gente supiera que Photoshop te ofrece una forma muy rápida de guardar en PNG, no se molestarían en intentar guardar en JPG. Está en Archivo > Exportar > Exportación rápida como PNG. Incluso se puede hacer individualmente con las capas, sería seleccionar las que quieras exportar > clic derecho > Exportar como PNG :)
Oh, lo de que se comprime e al guardar es verdad?? 😓. La opcion de exportar x capas la utilizo muchísimo, va super bien.
No dibujo,no entendi nada ,no se que es JPG, no tengo compu pero no necesito ser un profesional para decir buen video hermano😎😎
Gracias
Está claro que JPEG es enemigo del pixelart por el simple hecho que altera los pixeles
Basicamnte cada canal y su color/luminosidad en pixeles tienen un numero de referencia
Super informativo, y relajante.
Muchas gracias.
3:51 "Si estaís viendo este video para dormir"
Yo literalmente escogiendo este video para dormir 😂
😂😂😂
Elias necesito más videos así😊
Estan en el horno ! 😁
Usted es el único caballero al cual, con agrado, me gusta ver sus videos asmr, aparte de relajantes son muy educativos e imparten conocimientos, la verdad también creí que jpeg era mejor que PNG
Gracias! Y recuerda, si te ofrecen JPEG, di que no!!
@@Elias_Lozano_Pixelart así será!
Fuaa q relajante bro y me gano mas la curiosidad que el sueño y mr quede viendolo xD ❤
lo siento!! XD
Asmr y cosas complicadas de entender, buen video no mas preguntas 😁😪
-" os vais a dormir"
Procedo a dormir placidamente.
Este tio es jesucristo
Vine por el ASMR y salí aprendiendo el jpg... Necesito un profesor así . Su voz parece conformada por los mismos angeles...
Este señor es el verdadero “Silencio. Pidió Dumbledore con calma” pues su forma negativa de reaccionar al JPG es demasiado tranquila, JAJAJA.
9:40 diría que es una técnica de ponderación, con la que se ajusta el valor a la media de los píxeles vecinos, pero no soy un experto en matemáticas y algoritmia así que tampoco me haría mucho caso 😅
8:05, esto entra en la prueba!!
buen video crack!!
Me gustó mucho el video, pero ahora no se que hacer con esta información.
Tenía curiosidad de la diferencia, gracias 🤠
Por nada!
Que vos relajante elias
buen video super interesante, ya tenia una noción de una vez que hice una interfaz, pero increíble video!
Gracias! la verdad hay cosas que ni yo entendí bien del todo :D
Ahora todo tiene sentido 😮
me has vuelto a iluminar!! Ya lo sabía por observación propia pero ya me he convencido. No vuelvo a guardar un trabajo en JPG! muchisimas gracias!
Bien hecho!!
antes de ver este video, odiaba el .JPG sin razón, Pero después de ver esto, tengo razones
Gracias por explicar lo del color y la luz, eso explica porque estuve 5 minutos mirando las diferencias entre RGB y color indexado y concluí que "son la misma huevada"
Rgb y color indexado son cosas diferentes 😅
Tengo otro video sobre el color indexado, el titulo era algo de los GIF
@@Elias_Lozano_Pixelart no no, si se que son distintos, es que en el video pones una comparativa de dos imágenes no noto diferencias visibles desde el celular
Como diseñador gráfico me parece super interesante este tipo de contenido, ya que al estar trabajando constantemente en cmyk y exportando a jpg para la impresión de archivos, al rgb lo tengo un poco relegado jajaja 😅
CMYK es el mal!!! 😂😂😂
@@Elias_Lozano_Pixelart 🤣🤣🤣
referencia a jpegmafia 🙀
Tremendo video ❤️❤️
Entonces para arte digital siempre PNG ,no?
Hay otros formatos como Tif que tambien son buenos, pero para pixelart mejor PNG
Cuenta la leyenda que odiar el JP te vuelve Chad de golpe. 😂
Buen video. 😊
Una vez aprendes esto, entiendes también como trabaja una ia
Por eso Vectorizar es la cúspide de la calidad
que interesante y buen video
Que buen video
Sou Brasileiro e gosto muito do seus videos ja que sou designer gráfico
gracias!
incluso fuera de pixelart el problema es cuando trabajas multiples veces con un archivo, aunque des calidad 12 al jpeg, de guardar, abrir modificiar, guardar, y asi repetido 20 veces acabas destruyendo mucha informacion. Obviemente para pixelart no vale.
Exacto!
Una pregunta, entonces qué formato puedo utilizar para mi pixelart?
Png
Larga vida al png
Que yo que? son las siglas de mi nombre y apellidos
😱
Con el JPEG de la miniatura pensé x un momento en JPEGMAFIA XD (nd q ver)
Woooo, yo pensaba que el jpg era el bueno y que el png era el malo XD
Nooo justo lo contrario!! Lo unico bueno del jpeg es q pesa menos
hola, he estado viendo tu contenido hace un tiempo y me intereso el tema del pixelart. Sabes algun programa para hacer pixelart gratis?
Pixel studio
Donde está el video de color indexado?
ua-cam.com/video/SG7GtR4vfLo/v-deo.htmlsi=T2BHTY7A-fF72iPB
me creas un pixel art en moviento y cuanto seria el precio masomenos?
que opinas del EXR?
Nunca uso formatos de alto rango dinámico, esto normalmente se usa para imagen grabadas con cámaras o renders a los que después se les tiene que hacer corrección de color, ahí si es importante, quizas pueda ser util si hacer arte digital que despues se va a imprimir, pero para pixelart la verdad no tienen ningun sentido.
Quizas deberia hacer un video sobre esto.
Entonces uso cualquier otro metodo que no sea el JPG?
Siempre que puedas
Hola. Me llamo Juan Pablo García y me dicen JPG.
Yo no les hice nada para que me traten así.
😂😂😂😂😅 perdón
En pocas palabras se mata o se quita lo q queda y solo tiene que ser número par(bajá la calidad)
Yo siempre png o tif
no entendi nada pero como asmr esta bueno
Cómo tan muchachos
alguna vez usaste IA para generar pixel arts? son buenisimos para no ser hechos por humanos. si has "formateado" pixel arts desde jpeg, quizas puedas transformar los de la IA a uno nuevo
si, hara un año hice un vdeo en youtube sobre eso, genere varios pixelarts con ia y despues los revise.
Desde entonces ha evolucionado mucho y ahora ya salen cosas que podrian pasar por hechas a mano, deberia hacer otro video.
hola, me bannearon del server de discord, queria preguntar por que?
Cual es tu usuername?
@@Elias_Lozano_Pixelart Valen_nof
@@Elias_Lozano_Pixelart valennof
@@Elias_Lozano_Pixelart Jamás lo sabremos 😢✋
En resumen jpeg comprime perdiendo detalles osea caca, no lo hagan niños Diosito los está mirando
Jpg ya me suena a maleficio desde que te sigo 😂
XD si!
Si me quede dormido XD
😂
igual lo odio
Elías de verdad no entendí nada 😂
XD
@@Elias_Lozano_PixelartXD
Buen video. Uff pero no puedo con tu voz susurrada, me fastidia mucho. Y me doy cuenta que es así en los demás vídeos.
Los miraría todos pero de verdad no puedo 😂
😓, pero si no susurro 😓
@@Elias_Lozano_Pixelart jaja seguramente, pero es una manía que tengo. Con decirte que me incomoda también el sonido de tu lápiz óptico cuando dibujas. 🤣
El punto es que sos MUY TALENTOSO!
Y el png?
PNG es e mejor, ademas esta libre de derechos!
Esta mal dicho..,nose dice jotapeg..es jota,pe,ge o je como se diga.,gracias
Despues de verme el video entero solo puedo decir que me resulta asqueroso.
Esto no es ASMR WTF
Si lo es. 🤨
@LucasG210 na ah
Porque hablas bajó
hola
hola
Hola
me desespera el tono de voz que tiene, habra alguien durmiendo en su casa que habla asi