viernes, 4 de mayo de 2018

listar archivos jpg, png o de una extension especifica con PHP



Aveces enlistar archivos se hace dificil bueno, aqui les traigo una solucion rapidad y sencilla con muy pocas lineas de codigo y gran efectividad

Nos movemos al directorio con chdir y con foreach creamos el bucle con los archvos jpg

esto ara que se imprima un listado del directorio pero solo con  archivos de la extension que emos puestoo en este caso .jpg

<?php

chdir(".");
// Mostrar el contenido del directorio actual: con la extension ".jpg" 
// puedes cambiarla por la delistar archivos por extensionl formato que dessees
foreachglob("*.jpg*") as $archivo
)
echo  "$archivo";

?>

el resul tado seria algo como esto

001.jpg002.jpg003.jpg004.jpg

si quieres que se visualicen deves aser eto en el echo   <img src='$archivo'> y tendras todas las imagenes cargadas en tu archivo php


cito un ejemplo rapido
<?php

chdir(".");
// Mostrar el contenido del directorio actual: con la extension ".jpg" 
// puedes cambiarla por la delistar archivos por extensionl formato que dessees
foreachglob("*.jpg*") as $archivo
)
echo  "<img src='$archivo' style='dosplay:inline-block'>";


?>

esto imprimira las imagenes en el archivo php como una galeria de imagenes 

claro que si son mcuhas imagenes puede ser un poco pesado ya que cargara la imagen no una miniatura, si deseas cargar miniaturas lee nuestro posto crear miniaturas de archivos jpg

Leer más...

crear miniaturas vistas previas thumbnails de nuestras imagenes jpg con PHP!

Crear vistas previas thumbnails de tus imagenes jpg con php usando la libreria gd

 este metodo ya redimensiona las imagenes segun el ancho alto especificado y no neseitan guardarse
thumb.php
<?php
$file = $_GET["file"];

$ruta_imagen = $file;
//tamaño de tus vistas previas thumbnails
$miniatura_ancho_maximo = 220;
$miniatura_alto_maximo = 220;

$info_imagen = getimagesize($ruta_imagen);
$imagen_ancho = $info_imagen[0];
$imagen_alto = $info_imagen[1];
$imagen_tipo = $info_imagen['mime'];


$proporcion_imagen = $imagen_ancho / $imagen_alto;
$proporcion_miniatura = $miniatura_ancho_maximo / $miniatura_alto_maximo;

if ( $proporcion_imagen > $proporcion_miniatura ){
$miniatura_ancho = $miniatura_ancho_maximo;
$miniatura_alto = $miniatura_ancho_maximo / $proporcion_imagen;
} else if ( $proporcion_imagen < $proporcion_miniatura ){
$miniatura_ancho = $miniatura_ancho_maximo * $proporcion_imagen;
$miniatura_alto = $miniatura_alto_maximo;
else {
$miniatura_ancho = $miniatura_ancho_maximo;
$miniatura_alto = $miniatura_alto_maximo;
}


switch ( $imagen_tipo ){
case "image/jpg":
case "image/jpeg":
$imagen = imagecreatefromjpeg( $ruta_imagen );
break;
case "image/png":
$imagen = imagecreatefrompng( $ruta_imagen );
break;
case "image/gif":
$imagen = imagecreatefromgif( $ruta_imagen );
break;
}

$lienzo = imagecreatetruecolor( $miniatura_ancho, $miniatura_alto );

imagecopyresampled($lienzo, $imagen, 0, 0, 0, 0, $miniatura_ancho, $miniatura_alto, $imagen_ancho, $imagen_alto);

//null se reemplasa con el nombre que vas a guardar tu miniatura, si es que la quieres guardar "minis/220px$file"
imagejpeg($lienzo, null, 50);

?>


aora la forma de llamar crear la miniatura es la siguiente:
<img src="thum.php?file=tu-foto.jpg">
esta vista previa sera temporal lo q nos hara un respiro a nuestro  disco en la nube

Leer más...

martes, 24 de abril de 2018

Listar carpetas de un directorio con php, solo las carpetas



este codigo lo hice para creative-neko.com y era usado en el para listar las carpetas de albunes fotograficos 

lo que hace es imprimir los nombres de las carpetas pero con conocmientos basicos de php lo puedes modificar par ser usado a tu antojo, cualquier duda o aclaracion, dejala en un comentario

<?php


$dir = @opendir(".");
//decidi compartirlo por que no aparece nada buscando en google tras dias de busqueda
//espero les guste y sea de ayuda ya que muchos lo piden en blogs de php
//codigo crado por jehu ninrod para creative-neko.com**
// inicializo un array donde guardaré cada elemento
$contenido = array();
$directorios = array();
while(($elemento = readdir($dir)) !== False) {
    // evito que liste los directorios ocultos  y archivos 
if($elemento != "." && $elemento != "..") 
{                $contenido[] = $elemento;
    }
if(is_dir($elemento)) {
            $directorios[] = $elemento;
        }
closedir($dir);
//ordeno el array
krsort($directorios);
//si se listan los directorios ocultos los extraigo del array
array_splice($directorios,-2);
//inicio el listado del array con las carpetas con un bucle
foreach($directorios as $carpeta)
{
echo"$carpeta";

}
?>
Leer más...

viernes, 20 de abril de 2018

FORMATOS DE IMAGEN DIGITAL Y DETALLES


Hoy les traemos este post, solo para que esten informados de los diferentes formatos i tipos de imagenes que existen

formatos de imagen raw de camara: los formatos raw de camara son simples datos de imagen sin procesar a los que no se les han aplicado efectos como el balance de blanco o el enfoque, llamenseles negativos digitales, estos formatos son un conjunto de datos volatiles que incluyen la escala de grises original del sensor sin interpolar y la imagen preprocesada en la resolucion en la que fue tomada la imagen, la mayoria de estos incluyen compresion de nivel archivo, poseen una profundidad de 8, 12, 14 y 16 bits por canal, lo que los convierte en el formato de imagen de mas alta calidad, en otro post ablaremos a detalle sobre esto por si desean, algo mas amplio.

.ARW, .SRF, .SR2

Formatos raw de las camaras SONY

.CR2, .CRW

Formatos raw de las camaras Cannon

.MRW

formato raw de camaras minolta
.DNG

formato raw de adobe sytems usado en moviles

.ERF

formato raw de epson escaneres y camaras
.KDC, .TIF, .K25, DCS, .DCR, .DRF

Formatos raw de camaras kodak
.NEF, .NRW

formatos raw de camaras NIKON
el .nrw tambien es usado por algunos telefonos nokia s40 s60 symbiam, pero no posee la misma estructura que los de camaras nikon, por lo que abrirlos es dificil para programas que procesan raw en otro post explicaremos como abrir raws raros e incompatibles con camera raw u otros programas.

.ORF
formato raw de camaras olympus
RAF
formato raw de camaras fuji
.RAW, .RW2
formatos raw de panasonyc i photoshop
.CAO, .IIQ, .TIF
formatos raw de phase one
.R3D
formatos raw de dispositivos red
.FFF
formatos raw de dispositivos imacon
.PXN
formatos raw de dispositivos Logitech
.3XF
formatos raw de dispositivos sigma
.MEF, .MOS
formatos raw de dispositivos mamiya
.PTX, .PEF
formatos raw de dispositivos Pentax

Formato de negativo digital (DNG)
El formato DNG (negativo digital) es un formato de archivo que contiene datos de imagen RAW de una cámara digital y metadatos que definen el significado de los datos.DNG(formato de archivos RAWde cámara, disponibles de forma pública de Adobe) se ha diseñado para ofrecer compatibilidad y reducir la proliferación actual de los formatos de archivos RAWde cámara. El plugin RAWde cámara puede guardar datos de imágenes RAWde cámara en el formato DNG. Si desea obtener más información sobre el formato de archivo de negativo digital (DNG), visite www.adobe.es y busque el término “Digital Negative” en inglés o “negativo digital” en español. Encontrará información completa y un enlace a un foro de usuarios.

formatos de imagen de mapa de bits de pixeles fijos o estaticos: Las imágenes de mapas de bits, denominadas técnicamente imágenes rasterizadas, utilizan una cuadrícula rectangular de elementos de imagen (píxeles) para representar imágenes. A cada píxel se le asigna una ubicación y un valor de color específicos. Al trabajar con imágenes de mapa de bits, se editan los píxeles, en lugar de los objetos o las formas. Las imágenes de mapa de bits son el medio electrónico más usado para las imágenes de tono continuo, como fotografías o pinturas digitales, puesto que pueden representar de manera más eficaz degradados sutiles de sombras y color.
Las imágenes de mapa de bits dependen de la resolución, es decir, contienen un número fijo de píxeles. Como consecuencia, pueden perder detalle y aparecer dentadas si se cambia la escala a grandes ampliaciones en pantalla o si se imprimen con una resolución superior que aquélla para la que fueron creadas.
Las imágenes de mapas de bits a veces requieren grandes cantidades de espacio de almacenamiento y a menudo se tienen que comprimir para conservar pequeños los tamaños de archivo

BMP
BMP es un formato de imagen estándar de Windows en ordenadores compatibles con DOS y Windows. El formato BMP admite los modos de color RGB, Color indexado, Escala de grises y Mapa de bits. Puede especificar el formato Windows u OS/2® y una profundidad de bits de hasta 32 bits por canal en la imagen. En imágenes de 4 y 8 bits que utilizan formato Windows, también puede especificar compresión RLE. Las imágenes BMP se escriben normalmente de abajo arriba; sin embargo, puede seleccionar la opción Voltear orden de fila para escribirlas de arriba abajo. También puede seleccionar un método de codificación alternativo con sólo hacer clic en Modos avanzados. (Las opciones Voltear orden de fila y Modos avanzados son las de mayor importancia para los programadores de juegos y otros usuarios de DirectX.) Las imágenes pueden ser en blanco y negro (1 byte por píxel) hasta tener un color de 24 bits (16,7 millones de colores).

GIF
El formato GIF (Graphics Interchange Format) es el formato de archivo que se utiliza habitualmente para mostrar gráficos e imágenes de color indexado en documentos HTML en Internet y otros servicios en línea. GIF es un formato comprimido con LZW diseñado para minimizar el tamaño de archivo y el tiempo de transferencia electrónica. El formato GIF conserva la transparencia en imágenes de color indexado, pero no admite canales alfa.
OPCIONES DEL FORMATO:Entrelazar, Comentario de GIF

PNG
Desarrollado como una alternativa sin patente al formato GIF, el formato de gráficos de red portátiles (PNG) se utiliza para una compresión sin pérdidas y para la visualización de imágenes en Internet. A diferencia del formato GIF, PNG admite imágenes de 24 bits y produce transparencia de fondo sin bordes irregulares; sin embargo, algunos navegadores Web no admiten imágenes PNG. El formato PNG admite imágenes RGB, de color indexado, en escala de grises y de modo de mapa de bits sin canales alfa. PNG conserva la transparencia en imágenes en escala de grises y RGB.
Los ordenadores trabajan con bloques de 8 bits llamados “Byte”. Un byte permite 256 colores. Reducir el número de colores por debajo de 256 no es útil: se usará un byte de todos modos y el archivo no será más pequeño. Además, este formato “PNG8”, como el GIF, sólo usa un bit para la transparencia; sólo hay dos niveles de transparencia, transparente u opaco.
Si quiere que Internet Explorer muestre completamente la transparencia PNG, puede usar el filtro «AlphaImageLoader» de DirectX en el código de su página web. Consulte la base de conocimiento de Microsoft en la [MSKB-294714]. Tenga en cuenta que esto no es necesario a partir de Internet Explorer 7.

OPCIONES DEL FORMATO:
Entrelazado: Marcar «entrelazar» permite que una imagen en una página web se muestre progresivamente según se descarga. La muestra progresiva de la imagen es útil en conexiones con velocidades bajas, porque puede para una imagen sin interés; entrelazar se usa poco hoy en día con las conexiones más rápidas.
Guardar el color de fondo: Si su imagen tiene muchos niveles de transparencia, los navegadores de Internet que sólo reconocen dos niveles usarán el color de fondo de su caja de herramientas en su lugar. Internet Explorer, hasta la versión 6 no usaba esta información.
Guardar gamma: La corrección gamma es la habilidad de corregir las diferencias en cómo los ordenadores interpretan los valores de color. Esta guarda la información gamma en el PNG que refleja el factor de gamma actual para su pantalla. Los visores de otros ordenadores pueden compensar para asegurar que la imagen no sea muy oscura o muy clara.
Guardar el desplazamiento de la capa: PNG soporta un valor de desplazamiento llamado “oFFs chunk”, que proporciona datos de la posición. no es compatible con aplicaciones y es así desde hace mucho tiempo.
Guardar resolución: Guardar la resolución de la imagen, en PPP (puntos por pulgada).
comentario
Guardar los valores de color de los píxeles transparentes Con esta opción marcada, los valores de color se guardan incluso si los píxeles son completamente transparentes.
Nivel de compresión: Ya que la compresión no tiene pérdida, la única razón para usar un nivel de compresión menor que 9 es si se necesita mucho tiempo para comprimir un archivo en un ordenador lento. No hay nada que temer en la descompresión: es igual de rápido cualquiera que sea el nivel de compresión.


TIFF,
El formato TIFF o TIF (Tagged-Image File Format) se utiliza para intercambiar archivos entre aplicaciones y plataformas de ordenador. TIFF es un formato flexible de imágenes de mapa de bits que prácticamente admiten todas las aplicaciones de pintura, edición de imágenes y diseño de páginas. Asimismo, prácticamente todos los escáneres de escritorio pueden producir imágenes TIFF. Los documentos TIFF tienen un tamaño de archivo máximo de 4 GB. Photoshop CS y posterior admite documentos grandes guardados en formato TIFF. Sin embargo, la mayoría de las otras aplicaciones y las versiones anteriores de Photoshop no son compatibles con documentos de más de 2 GB. El formato TIFF admite imágenes CMYK, RGB, Lab, de color indexado y en escala de grises con canales alfa, e imágenes en modo de mapa de bits sin canales alfa. Photoshop puede guardar capas en un archivo TIFF; sin embargo, si abre el archivo en otra aplicación, sólo será visible la imagen acoplada. Photoshop puede guardar también anotaciones, transparencias y datos de pirámide multirresolución en formato TIFF. En Photoshop, los archivos de imágenes TIFF tienen una profundidad de 8, 16 o 32 bits por canal. Puede guardar imágenes de alto rango dinámico como archivos TIFF de 32 bits por canal.
OPCIONES DEL FORMATO: Profundidad de bits (sólo 32 bits) Especifica la profundidad de bits (16, 24 o 32 bits) de la imagen guardada.
Compresión de imagen Especifica un método para comprimir los datos de la imagen compuesta. Si está guardando un archivo TIFF de 32 bits, puede especificar si el archivo se guardará con compresión de predictor, pero no dispone de la opción para utilizar la compresión JPEG. La compresión de predictor ofrece una compresión mejorada mediante la reorganización de valores de coma flotante y funciona con las compresiones LZW y ZIP.
Orden de píxeles Escribe el archivo TIFF con los datos de canales intercalados u organizados por planos. Antes Photoshop siempre escribía archivos TIFF con el orden de canal intercalado. En teoría, en el archivo de orden Planar se puede escribir más rápido, se puede leer más rápido y ofrece una compresión un poco mejor. Los dos órdenes de canales son compatibles con versiones anteriores de Photoshop.
Orden de bytes Selecciona la plataforma en la que puede leerse el archivo. Esta opción es útil cuando no sabe con qué programa se abrirá el archivo. Photoshop y las aplicaciones más recientes pueden leer archivos mediante un orden de bytes de IBM PC o de Macintosh.
Guardar pirámide de imagen Conserva la información de varias resoluciones. Photoshop no proporciona opciones para abrir archivos de varias resoluciones; la imagen se abre con la resolución más alta dentro del archivo. Sin embargo, Adobe InDesign y algunos servidores de imágenes permiten abrir formatos de varias resoluciones.
Guardar transparencia Conserva la transparencia como un canal alfa adicional cuando el archivo se abre en otra aplicación. La transparencia siempre se conserva cuando el archivo se vuelve a abrir en Photoshop.
Compresión de capas Especifica un método para comprimir datos para píxeles en capas (en contraposición a los datos compuestos). Muchas aplicaciones no pueden leer datos de capa y los omiten al abrir un archivo TIFF. Photoshop, sin embargo, puede leer datos de capa en los archivos TIFF. Aunque los archivos que incluyen datos de capa tienen un tamaño mayor que los que no los incluyen, al guardar los datos de capa se elimina la necesidad de guardar y gestionar un archivo PSD independiente para que contenga los datos de capa. Seleccione Descartar capas y guardar una copia para acoplar la imagen.


PCX
El formato PCX lo utilizan habitualmente los ordenadores compatibles con PC de IBM. La mayoría del software para PC admite la versión 5 del formato PCX. Con archivos de la versión 3, que no admite paletas de color personalizadas, se utiliza una paleta de color VGA estándar. El formato PCX admite los modos de color Mapa de bits, Escala de grises, Color indexado y RGB, pero no admite los canales alfa. PCX admite el método de compresión RLE. Las imágenes pueden tener una profundidad de 1, 4, 8 o 24 bits.

TGA
El formato Targa® (TGA) se ha diseñado para sistemas que utilizan la placa de vídeo Truevision® y habitualmente lo admiten aplicaciones de color de MS-DOS. El formato Targa admite imágenes RGB de 16 bits (5 bits x 3 canales de color, más un bit sin utilizar), de 24 bits (8 bits x 3 canales de color) y de 32 bits (8 bits x 3 canales de color más un solo canal alfa de 8 bits). El formato Targa admite también imágenes de color indexado y en escala de grises sin canales alfa. Al guardar una imagen RGB en este formato, puede elegir una profundidad de píxel y seleccionar la codificación RLE para comprimir la imagen


CIN, SDPX, DPX, FIDO
Cineon es un formato digital de 10 bits por canal desarrollado por Kodak que resulta adecuado para la composición, la manipulación y la mejora electrónica. Con el formato Cineon, puede transferir de nuevo a película sin pérdidas de calidad de las imágenes. El formato es utilizado en el sistema digital Cineon, que transfiere imágenes originadas en película al formato Cineon y luego las transfiere de nuevo a película.

DICOM DCM,DC3, DIC
El formato DICOM (Imágenes y comunicaciones digitales en el ámbito de la medicina, del inglés Digital Imaging and Communications in Medicine) se utiliza habitualmente para la transferencia y almacenamiento de imágenes médicas, como ultrasonidos y escáneres. Los archivos DICOM contienen tanto datos de imagen como cabeceras, que almacenan información sobre el paciente y la imagen médica. Puede abrir, editar y guardar archivos DICOM en Photoshop Extended.

Filmstrip. FLM
El formato Filmstrip (Tira de diapositivas) se utiliza en archivos de animación o de películas RGB creados por Adobe Premiere Pro®. Si redimensiona, remuestrea, quita canales alfa o cambia el modo de color o el formato de archivo de un archivo Filmstrip en Photoshop, no podrá volver a guardarlo en formato Filmstrip. Para obtener más información, consulte la Ayuda de Adobe Premiere Pro.

Mapa de bits portátil. PPM, PBM
El formato de archivo Mapa de bits portátil (PBM), también conocido como Biblioteca de mapa de bits portátil y Mapa binario portátil, admite mapas de bits monocromos (1 bit por píxel). Este formato puede utilizarse para transferencias de datos sin pérdidas porque muchas aplicaciones lo admiten. Incluso puede editar o crear esos archivos con un sencillo editor de texto. El formato Mapa de bits portátil se utiliza como lenguaje común de una gran familia de filtros de conversión a mapa de bits que incluye Portable FloatMap (PFM), Portable Graymap (PGM), Portable Pixmap (PPM) y Portable Anymap (PNM). Mientras que el formato de archivo PBM almacena mapas de bits monocromos, PGM además almacena mapas de bits en escala de grises y PPM también puede almacenar mapas de bits en color. PNM no es un formato distinto en sí mismo, pero un archivo PNM puede contener archivos PBM, PGM o PPN. PFM es un formato de imagen de coma flotante que puede utilizarse para archivos de HDR de 32 bits por canal.


WBMP
El formato WBMP es el formato estándar para optimizar imágenes para dispositivos inalámbricos, como los teléfonos móviles. WBMP admite color de 1 bit, lo que significa que las imágenes WBMP contienen sólo píxeles en blanco o negro

Scitex CT. sct
El formato Scitex CT se utiliza para el procesamiento de imágenes de alta calidad en ordenadores Scitex. Póngase en contacto con Creo para informarse sobre las utilidades para transferir los archivos guardados en formato Scitex CT a un sistema Scitex. El formato Scitex CT admite imágenes CMYK, RGB y en escala de grises, pero no canales alfa. Las imágenes CMYK guardadas en formato Scitex CT suelen tener tamaños de archivo extremadamente grandes. Estos archivos se generan para entrada mediante un escáner Scitex. Las imágenes guardadas en formato Scitex CT se imprimen en una película utilizando una unidad de rasterización Scitex, que produce separaciones por medio de un sistema de semitonos patentado por Scitex. Este sistema produce muy pocos motivos moiré y a menudo se demanda en trabajos de color profesionales, por ejemplo, anuncios en revistas

Formato Pixar. PXR
El formato Pixar está diseñado específicamente para aplicaciones gráficas de alta calidad, como las que se utilizan en imágenes tridimensionales y animaciones. El formato Pixar admite imágenes RGB y en escala de grises con un solo canal alfa.


Formato Pic. PCT, PICT
El formato PICT se utiliza en aplicaciones de gráficos y de diseño de páginas de Mac OS como formato de archivo intermediario en la transferencia de imágenes entre aplicaciones. El formato PICT admite imágenes RGB con un solo canal alfa e imágenes de color indexado, en escala de grises y modo de mapa de bits sin canales alfa. El formato PICT resulta especialmente eficaz en la compresión de imágenes con grandes áreas de color uniforme. Esta compresión puede ser espectacular en canales alfa con grandes áreas de blanco y negro. Al guardar una imagen RGB en formato PICT, puede elegir una resolución de 16 o 32 bits por píxel. Para imágenes en escala de grises o de mapa de bits, puede elegir 2, 4 u 8 bits por píxel. En Mac OS con QuickTime instalado, hay disponibles cuatro opciones de compresión JPEG.

OpenEXR. EXR
OpenEXR (EXR) es un formato de archivo utilizado en la industria de efectos visuales para imágenes de alto rango dinámico. El formato de película tiene una gran fidelidad de color y un rango dinámico adecuado para su uso en producciones cinematográficas. Desarrollado por Industrial Light and Magic, OpenEXR admite diversos métodos de compresión sin pérdida o con menos calidad. Una película OpenEXR puede contener un número arbitrario de canales y el formato admite tanto imágenes de 16 bits como de 32 bits.

IFF
El formato IFF (Interchange File Format) está disponible mediante un plugin opcional. Se trata de un formato de almacenamiento de datos de uso general que puede asociar y almacenar diversos tipos de datos. El formato IFF es portátil y tiene extensiones que admiten fotografías, sonido,música, vídeo y datos textuales. El formato IFF incluyeMaya IFF e IFF (anteriormente Amiga IFF).

Formato Radiance HDR
Radiance (HDR) es un formato de archivo de 32 bits por canal utilizado en imágenes de alto rango dinámico. Este formato fue desarrollado originalmente para el sistema Radiance, una herramienta profesional para visualizar la iluminación en entornos virtuales. El formato de archivo guarda la cantidad de luz por píxel en lugar de sólo los colores que se van a visualizar en la pantalla. Los niveles de luminosidad que es capaz de comprender el formato Radiance sonmucho más altos que los 256 niveles de los formatos de archivos de imágenes de 8 bits por canal. Los archivos Radiance (HDR) se utilizan normalmente en modelado en 3D.

PDF
El formato de documento portátil (PDF) es un formato de archivo flexible, multiplataforma y multiaplicación. Basado en el modelo de imágenes de PostScript, los archivos PDF muestran y conservan de forma precisa las fuentes, los diseños de página y los gráficos vectoriales y de mapa de bits. Además, los archivos PDF pueden contener funciones electrónicas de navegación y búsqueda de documentos como por ejemplo, enlaces electrónicos. PDF admite imágenes de 16 bits por canal. Adobe Acrobat tiene una herramienta llamada Retocar objeto para pequeñas ediciones de las imágenes de un PDF. Para obtener más información sobre cómo trabajar con imágenes en archivos PDF, consulte la Ayuda de Acrobat.

formtatos cuanticos de imagen son aquellos que producen una imagen atraves de calculos matematicos, no son imagenes son calculos que generan imagenes rasterisadas, por lo general son con perdidas pero muy efectivos, estos se basan en engañar a la vista humana, bueno de por si el color de un monitor se basa en eso engañar a la vista, por lo que son altamente utilisados
Formato JPEG El formato JPEG (Joint Photographic Experts Group) se utiliza habitualmente paramostrar fotografías y otras imágenes de tono continuo en documentos HTML en Internet y otros servicios en línea. El formato JPEG admite los modos de color CMYK, RGB y Escala de grises pero no admite canales alfa. A diferencia del formato GIF, JPEG conserva toda la información de color de una imagen RGB pero comprime el tamaño de archivo descartando datos selectivamente. Una imagen JPEGse descomprime automáticamente al abrirla.Un nivel de compresión alto produce una calidad de imagen inferior y uno bajo una mejor calidad de imagen. En la mayoría de los casos, la opción de calidad máxima produce un resultado idéntico al original.


Formato JPEG 2000
JPEG 2000 es un formato de archivo que ofrece más opciones y más flexibilidad que el formato JPEG (JPG) estándar. Con el formato JPEG 2000, puede producir imágenes con una mejor compresión y calidad tanto para Internet como para publicaciones impresas. A diferencia de los archivos JPEG, que tienen menos calidad, el formato JPEG 2000 admite la compresión opcional sin pérdidas. El formato JPEG 2000 también admite archivos de color o de escala de grises de 16 bits y de transparencia de 8 bits, y puede conservar los canales alfa y de tinta plana. El formato JPEG 2000 sólo admite los modos Escala de grises, RGB, CMYK y Lab. El formato JPEG 2000 también admite el uso de un área de interés (ROI) para minimizar el tamaño de archivo y conservar la calidad en áreas críticas de una imagen. Mediante un canal alfa, puede especificar el área (ROI) en la que debe mantenerse el mayor nivel de detalle, lo que produce una mayor compresión y un menor detalle en otras regiones.

Acerca de la compresión y los formatos de archivo
Muchos formatos de archivo utilizan la compresión para reducir el tamaño de archivo de las imágenes de mapa de bits. Las
técnicas Sin pérdidas comprimen el archivo sin eliminar detalle de la imagen ni información de color; las técnicas conmenos
calidad eliminan detalle de la imagen. Las técnicas de compresión más habituales son las siguientes:

RLE (Run Length Encoding) Técnica de compresión sin pérdidas admitida por algunos formatos de archivo comunes de
Windows

LZW (Lemple-Zif-Welch) Técnica de compresión sin pérdidas admitida por los formatos de archivo TIFF, PDF, GIF y de
lenguaje PostScript. Principalmente útil si necesita comprimir imágenes que contienen áreas grandes de un solo color.

JPEG (Joint Photographic Experts Group) Técnica de compresión con menos calidad admitida por los formatos de archivo
JPEG, TIFF, PDF y de lenguaje PostScript. Recomendada para imágenes de tono continuo, como las fotografías. JPEG
utiliza la compresión conmenos calidad. Para especificar la calidad de la imagen, seleccione una opción en elmenúCalidad,
arrastre el regulador emergente Calidad, o especifique un valor comprendido entre 0 y 12 en el cuadro de texto Calidad.
Para conseguir los mejores resultados impresos, elija la compresión de calidad máxima.

CCITT Familia de técnicas de compresión sin pérdidas para imágenes en blanco y negro admitida por los formatos de
archivo PDF y de lenguaje PostScript. (CCITT son las iniciales de la abreviatura francesa del Comité Consultivo
Internacional de Telégrafos y Telecodificación.)

ZIP Compresión sin pérdidas admitida por los formatos de archivo PNG, PDF y TIFF. Al igual que LZW, la compresión ZIP es más eficaz en imágenes que contienen áreas grandes de un solo color
Leer más...

Abrir pagina dentro de iframe con una url


en primera hola a todos aquellos que an estado buscando esto, por muchhos blogs encontraras cosas como el tipico target, o cosas en javascript que no funcionan para el proposito buscado, bueno e qui la solucion.
 primero dejenme decirles que no hay de que preocuparse este metodo no afecta al indexador de google ni nada por el estilo


bueno en primera esto se hace usando el metodo get de php que recoje los datos que nesecitamos como la direccion que devemos abrir, en priemra devo resaltar que esto solo funciona para archivos de su propia web

bien creamos la variable y la colocamos en el src de nuesrto iframe para aserlo mas facirl podeamos crear todo en un echo de php asi como se muestra a continuacion

aora la forma de llamarlo atraves de la url es la siguiente

http://tusitioweb.com/link.php?url=pagina a abrir en tu iframe

suponiendo que el archivo php donde as puesto nuestro codigo se llama link.php puedes ser cualquier otro nombre, lo mismo para la variable get, pude ser una diferente de "url" por ejemplo "neko"
un ejemplo seria arbir un documento por ejemplo productos.php -->
http://tusitioweb.com/link.php?url=productos.php
bien asta aqui espero que hayan entendido, bien ahora par que productos se abra en nuestro iframe al visitarla usaremos un script que nos redirecione a la url si esta se a abierto fuera de un iframe un script js


con esto esta solucionado todo tu pagina sera indexable se mostrara en resultados de busqueda y cuando le des clik se abrira en la pagina link.php dentro de el iframe

espero les jhaya gustado mi post y no olviden comentar si nesecitan algo mas o tinen dudas

Leer más...

miércoles, 18 de abril de 2018

Agregar tooltips anychart a tus enlaces, aplicable a blogger wordpress

poner enlaces es bueno pero con una descripcion flotante aun mas ya que provees informacion descriptiva y personalizada de este

bueno la forma de aplicarlo es agregando una clase al enlace y con css y un bloque span manipularlode tal forma que al pasar el raton se muestre el bloque span
 lo priimero clreamos la clase en est e caso tooltip
asemos una referencia al bloque span desde el css   con el metodo hover aremos visible el bloque span
para lograr  que este bloque span se aline al pasar el raton, y flote  le agregamos una posicion absoluta y display inline
 codigo iria asi:

el bloque span debe estar fuera de pantalla si no se pasado el raton soble el enlace
A.tooltip SPAN {
  border-radius: 5px;
  BORDER-BOTTOM: #053138 1px solid;
  POSITION: absolute;
  overflow: hidden;
  BORDER-LEFT: #053138 1px solid;
  PADDING-BOTTOM: 5px;
  background: rgba(255,255,255,0.9) ;
  MARGIN: 0px 0px 0px 0px; PADDING-LEFT: 5px; WIDTH: 200px; PADDING-RIGHT: 5px; DISPLAY: none; COLOR: black;
  BORDER-TOP: #053138 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: #053138 1px solid; PADDING-TOP: 5px
}
cuando pasemos el raton por el enlace
es cuando debe mostrarse el bloque span con display: inline
A.tooltip:hover SPAN {
 DISPLAY: inline
}

aora para el enlace agregamos dentro y junto con el texto la etiqueta span y entre esta la descripcion del enlace

<a  class="tooltip" href="#"> enlace <span>descripcion del enlace</span></a>
mira el ejemplo corriendo abajo

acontinuacion el codigo css:



aqui les dejamos un demo del codigo corriendo
kpop noticias sitio de noticias kpop y fanfics y mucho mas








....
Leer más...

Aprende a crear botones con css

los botones  son basicos en las paginas web. y que mejor que tengan un buen estilo

para crear botones estilo plastico con css usamos el metodo sombra interior  
box-shadow:inset 0px 2px 1px rgba(55,55,55,0.5),
que agrega una sombra interior al contenedor o bloque espan
aunque tambien puede usarse en bloques contenedor como div  o listas li

<style>
/*stylo 1*/
.bt{background: rgb(200,200,200); display: inline-block; padding: 3px; margin-left:3px;  border-radius: 5px; box-shadow:inset 0px 2px 1px rgba(55,55,55,0.5), inset 0px -2px 1px rgba(255,255,255,0.5);}
.bt:hover{display: inline-block; padding: 3px; margin-left:3px;  border-radius: 5px; box-shadow:inset 0px 2px 1px rgba(5,5,5,0.9), inset 0px -2px 1px rgba(255,255,255,0.9);}

/*estylo 2*/
.bt2{background: rgb(200,200,200);display: inline; padding: 5px; margin-left: 2px; margin-right: 2px;  box-shadow:inset 0px 8px 10px rgba(255,255,255,0.2),inset 0px -8px 10px rgba(0,0,0,0.2);border: solid 1px rgb(120,120,120); border-radius: 5px;}
.bt2:hover{display: inline;padding: 5px; box-shadow:inset 0 8px 10px rgba(120,120,120,0.2),inset 0 -8px 10px rgba(0,0,0,0.2);border: solid 1px rgb(120,120,120); border-radius: 5px;}
</style>

<div class='bt'><a href="#" onclick="alert('1')">inicio</a> </div>
<div class='bt2'><a href="#" onclick="alert('2')">inicio2</a> </div>

puedes aplicarlo igual para listas en la etiqueta <li> 

en ambos casos solo deves cambiar el fondo del contenedor, para que quede a tu gusto
aqui un demo abajo



Leer más...

¿Te gustaría ayudar a esta página?

PayPal
Patreon





Translate