Beck
Épsilon
Verificación en dos pasos activada
Verificado por Whatsapp
Hola chicos, hoy les traigo algo que programe con mucho amor!.
"GCompress"
Es un compresor/descompresor y encapsulador de imagenes/galerias basado en un codec de video(x264), donde el archivo resultante es posible usarlo de forma offline como un winrar o de forma online(abajo pondre ejemplos con un manga reader).
Caracteristicas:
*Es gratis, wiiii, lo programe para engrosar el cv.
*Funciona mucho mejor para comprir imagenes que zip,rar,7zip,etc.
*Compresion extrema! se puede llegar a obtener un archivo por debajo del 10% del peso de la imagen original sin mayor perdida de calidad(depende mucho de la calidad de la imagen original).
*Permite encapsular multiples imagenes(galeria) en un solo archivo.
*permite encapsular multiples galerias de imagenes en un solo archivo.
*Permite elegir la calidad de compresion.
*Cuando se usa en webs permite seleccionar una galeria o multiples y optener todas sus imagenes, ahorrando ancho de banda.
*Cuando se usa en webs permite seleccionar imagenes especificas de una galeria, ahorrando ancho de banda.
*Cuando se usa en webs cuenta con opciones para optimizar las imagenes.
*En web trabaja especialmente bien con mangas.
Ejemplos🙁mas abajo dejo las imagenes sin compresion, todos los ejemplos usan el modo 'normal')
Calidad:23(default) original:2.4mb comprimido:208kb
GCompress
Calidad:18 original:2.4mb comprimido:355kb
GCompress
//se extrae solo un par de imagenes especificas.
Calidad:18 original:2.4mb comprimido:355kb
GCompress
Calidad:23 original:1.22mb comprimido:250kb
GCompress
//manga (dos capitulos) con la opcion de optimizacion - esto puede reducir las dimenciones de ciertas imagenes ajustandolas a su mejor calidad.
Calidad:23 original:95.7mb comprimido:12.4mb
GCompress
//se extrae solo un par de imagenes especificas y se usa la opcion de optimizacion
Calidad:23 original:95.7mb comprimido:12.4mb
http://video-ex.com/gcompress#noragami-op
//se extrae solo un par de imagenes especificas y se aumenta el contraste.
Calidad:23 original:95.7mb comprimido:12.4mb
http://video-ex.com/gcompress#noragami-smooth
Imagenes sin compresion:
-Tokyo(todas las que digan tokyo menos la hd)
https://mega.nz/#!JNBFQSDY!bhELieCqalBwHulewRc2rvQEOIXY1JumXxt6qkBpWG8
TokyoHD
http://gethdwallpapers.pw/wallpapers/l/1920x1080/22/japan_tokyo_urban_shibuya_1920x1080_21724.jpg
Manga(noragami):
https://mega.nz/#!YNgBmJIL!wE_qxWaj_3L43OJuUEmt89zCGZvchl0k1WpeAfK7GLA
Compresor/Descompresor:
La aplicacion para comprimir/descomprimir imagenes es muy simple, y no requiere mayores explicaciones, salvo mencionar que:
*existe dos modos de compresion, donde el modo quality se asegura de optener el mejor resultado posible en cuanto a calidad, es util si se cuenta con multiples imagenes de dimenciones muy diversas mientras que el modo normal muestra un resultado mejor en torno a la calidad/peso, de igual forma esto solo se notara si se cuentan con imagenes de dimencionan muy diversas.
*Al usar el modo quality se puede sacrificar mucho en cuanto a compresion si en la galeria a comprimir se cuenta con algunas imagenes con dimenciones mucho mas grandes a la media de dimenciones.
*El folder de entrada puede contener solo las imagenes que se desea comprimir o multiples carpetas con estas imagenes, cada carpeta se tomara como una galeria diferente.
*Las calidades van de 1 al 50, donde 1 es la mejor y 50 la peor, comprimir entre 18-24 mas que suficiente para tener buenas calidades sin mucho peso, a partir de 18 se considera perdidas casi imperceptibles en calidad de imagen.
Como usar en web:
Vamos a replicar los ejemplos de arriba, para eso solo necesitas agregar el manga reader(tambien lo programe yo 😛) y la libreria web de gcompress a tu pagina.
El reader tiene como dependencias a boostrap y angular, por lo cual debemos agregar al header de nuestra web esto:
Ahora solo necesitas poner el codigo de abajo donde quieras que se vea el reader
ya tu web esta lista para mostrar las imagenes.
solo falta poner alguno de los codigos de ejemplo, debes colocarlo antes de que termine el body o despues de gcompres.js, por ejemplo:
Limitaciones/Consideraciones:
Aun en desarrollo.
No corre en telefonos(web), tal vez programe algo para esto...
No traten de usar los archivos .bek hosteados en mi web para usarlos en las suyas, por el crossdomain no les va dejar. 😛
Si deseas conservar la calidad de las imagenes sin perdida alguna y la galeria cuenta con imagenes de multiples dimensiones debes usar el modo quality y en calidad usar 18 o inferiores, si las imagenes tienen las mismas dimensiones entonces basta con usar el modo normal y calidad 18 o inferior.
Descarga GCompress
GCompress
MangaReader y GCompressWEB
Por favor si presentan algun inconveniente, comentenlo!!
"GCompress"
Es un compresor/descompresor y encapsulador de imagenes/galerias basado en un codec de video(x264), donde el archivo resultante es posible usarlo de forma offline como un winrar o de forma online(abajo pondre ejemplos con un manga reader).
Caracteristicas:
*Es gratis, wiiii, lo programe para engrosar el cv.
*Funciona mucho mejor para comprir imagenes que zip,rar,7zip,etc.
*Compresion extrema! se puede llegar a obtener un archivo por debajo del 10% del peso de la imagen original sin mayor perdida de calidad(depende mucho de la calidad de la imagen original).
*Permite encapsular multiples imagenes(galeria) en un solo archivo.
*permite encapsular multiples galerias de imagenes en un solo archivo.
*Permite elegir la calidad de compresion.
*Cuando se usa en webs permite seleccionar una galeria o multiples y optener todas sus imagenes, ahorrando ancho de banda.
*Cuando se usa en webs permite seleccionar imagenes especificas de una galeria, ahorrando ancho de banda.
*Cuando se usa en webs cuenta con opciones para optimizar las imagenes.
*En web trabaja especialmente bien con mangas.
Ejemplos🙁mas abajo dejo las imagenes sin compresion, todos los ejemplos usan el modo 'normal')
Calidad:23(default) original:2.4mb comprimido:208kb
GCompress
Insertar CODE, HTML o PHP:
gcompress.config("http://video-ex.com/media/tokyo-23.bek", {}, function (data) {
mangaApp.mangaData(data);
});GCompress
Insertar CODE, HTML o PHP:
gcompress.config("http://video-ex.com/media/tokyo-18.bek",{}, function (data) {
mangaApp.mangaData(data);
});Calidad:18 original:2.4mb comprimido:355kb
GCompress
Insertar CODE, HTML o PHP:
var options = {
galleries: [{
number: 0, //galeria 1
images:[0,4] // imagen 1 y 3 de la galeria 1
} ]
};
gcompress.config("http://video-ex.com/media/tokyo-18.bek", options, function (data) {
mangaApp.mangaData(data);
});Calidad:23 original:1.22mb comprimido:250kb
GCompress
Insertar CODE, HTML o PHP:
gcompress.config("http://video-ex.com/media/tokyo-hd.bek",{}, function (data) {
mangaApp.mangaData(data);
});Calidad:23 original:95.7mb comprimido:12.4mb
GCompress
Insertar CODE, HTML o PHP:
mangaApp.config({fisrtChapter: 2 }); // el primer capitulo es el numero 2...
gcompress.config("http://video-ex.com/media/noragami.bek", {optimization:true}, function (data) {
mangaApp.mangaData(data);
});//se extrae solo un par de imagenes especificas y se usa la opcion de optimizacion
Calidad:23 original:95.7mb comprimido:12.4mb
http://video-ex.com/gcompress#noragami-op
Insertar CODE, HTML o PHP:
mangaApp.config({fisrtChapter: 2 });
var options = {
optimization:true, // mejor calidad pero puede en ciertos casos reducir dimenciones
galleries: [{
number: 0, //galeria 1
images:[10,11,18] //imagen 9,10 y 17 de la galeria 1
} ,
{
number: 1, //galeria 2
images:[0,4,5] //imagen 1,3 y 4 de la galeria 2
} ]
};
gcompress.config("http://video-ex.com/media/noragami.bek", options, function (data) {
mangaApp.mangaData(data);
});//se extrae solo un par de imagenes especificas y se aumenta el contraste.
Calidad:23 original:95.7mb comprimido:12.4mb
http://video-ex.com/gcompress#noragami-smooth
Insertar CODE, HTML o PHP:
mangaApp.config({fisrtChapter: 2 });
var options = {
imageSmoothingEnabled:false, // aumenta el contraste
galleries: [{
number: 0, //galeria 1
images:[10,11,18] //imagen 9,10 y 17 de la galeria 1
}]
};
gcompress.config("http://video-ex.com/media/noragami.bek", options, function (data) {
mangaApp.mangaData(data);
});Imagenes sin compresion:
-Tokyo(todas las que digan tokyo menos la hd)
https://mega.nz/#!JNBFQSDY!bhELieCqalBwHulewRc2rvQEOIXY1JumXxt6qkBpWG8
TokyoHD
http://gethdwallpapers.pw/wallpapers/l/1920x1080/22/japan_tokyo_urban_shibuya_1920x1080_21724.jpg
Manga(noragami):
https://mega.nz/#!YNgBmJIL!wE_qxWaj_3L43OJuUEmt89zCGZvchl0k1WpeAfK7GLA
Compresor/Descompresor:
La aplicacion para comprimir/descomprimir imagenes es muy simple, y no requiere mayores explicaciones, salvo mencionar que:
*existe dos modos de compresion, donde el modo quality se asegura de optener el mejor resultado posible en cuanto a calidad, es util si se cuenta con multiples imagenes de dimenciones muy diversas mientras que el modo normal muestra un resultado mejor en torno a la calidad/peso, de igual forma esto solo se notara si se cuentan con imagenes de dimencionan muy diversas.
*Al usar el modo quality se puede sacrificar mucho en cuanto a compresion si en la galeria a comprimir se cuenta con algunas imagenes con dimenciones mucho mas grandes a la media de dimenciones.
*El folder de entrada puede contener solo las imagenes que se desea comprimir o multiples carpetas con estas imagenes, cada carpeta se tomara como una galeria diferente.
*Las calidades van de 1 al 50, donde 1 es la mejor y 50 la peor, comprimir entre 18-24 mas que suficiente para tener buenas calidades sin mucho peso, a partir de 18 se considera perdidas casi imperceptibles en calidad de imagen.
Como usar en web:
Vamos a replicar los ejemplos de arriba, para eso solo necesitas agregar el manga reader(tambien lo programe yo 😛) y la libreria web de gcompress a tu pagina.
El reader tiene como dependencias a boostrap y angular, por lo cual debemos agregar al header de nuestra web esto:
Insertar CODE, HTML o PHP:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script src="gallery.js"></script>
<script src="gcompress.js"></script>Ahora solo necesitas poner el codigo de abajo donde quieras que se vea el reader
Insertar CODE, HTML o PHP:
<div ng-app="mangaApp" ng-controller="MangaCtrl"><manga-content>ya tu web esta lista para mostrar las imagenes.
solo falta poner alguno de los codigos de ejemplo, debes colocarlo antes de que termine el body o despues de gcompres.js, por ejemplo:
Insertar CODE, HTML o PHP:
.
.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script src="gallery.js"></script>
<script src="gcompress.js"></script>
<script>
gcompress.config("http://video-ex.com/media/tokyo-18.bek",{}, function (data) {
mangaApp.mangaData(data);
});
</script>
.
.Limitaciones/Consideraciones:
Aun en desarrollo.
No corre en telefonos(web), tal vez programe algo para esto...
No traten de usar los archivos .bek hosteados en mi web para usarlos en las suyas, por el crossdomain no les va dejar. 😛
Si deseas conservar la calidad de las imagenes sin perdida alguna y la galeria cuenta con imagenes de multiples dimensiones debes usar el modo quality y en calidad usar 18 o inferiores, si las imagenes tienen las mismas dimensiones entonces basta con usar el modo normal y calidad 18 o inferior.
Descarga GCompress
GCompress
MangaReader y GCompressWEB
Por favor si presentan algun inconveniente, comentenlo!!
