Buscar este blog

viernes, 10 de marzo de 2023

listar datos de una tabla con php y pdo mysql de forma sencilla y simple



primero que nada iniciamos sesion en mysql con pdo

 <?php

//Usaremos PDO para conectar PHP con MySQL

// Datos para conectar con la base de datos.

define('DB_HOST','localhost');

define('DB_USER','miusuario');

define('DB_PASS','micontraseña');

define('DB_NAME','mibasededatos');

 

// Ahora, establecemos la conexión.

try

{

// Ejecutamos las variables y aplicamos UTF8

$connect = new PDO("mysql:host=".DB_HOST.";dbname=".DB_NAME,DB_USER, DB_PASS,

array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES 'utf8'"));

}

catch (PDOException $e)

{

exit("Error: " . $e->getMessage());

}

?>

Ahora nos disponemos a mostrar los datos en una  tipica tabla html


<table class="table table-bordered table-striped">

<thead class="thead-dark">

   

<th width="18%"> imagen</th>

    <th width="22%"> producto</th>

    <th width="14%">link de compra</th>

    

</thead>

<tbody>

<?php

$sql = "SELECT * FROM menutoday ORDER BY menutoday.id ASC"; 

$query = $connect -> prepare($sql); 

$query -> execute(); 

$results = $query -> fetchAll(PDO::FETCH_OBJ); 


if($query -> rowCount() > 0)   { 

foreach($results as $result) { 

echo "<tr>

<td><img class='thumbnail' src='images/".$result -> imagen."'></td>

<td><a href='".$result -> links."'><center><strong>".$result -> nombre."</strong></a></center></td>

<td><Ordenar</td>

</tr>";


   }

 }

?>

</tbody>

</table>

Leer más...

martes, 22 de mayo de 2018

Crear imagen con transparencia en photoshop, ideal para marcos de facebook


bueno aqui explico com aser que se guarden las transparebcias en una imagen png


1 abrimos la imagen en photoshop, le pinchamos a la capa y le damos en crear capa apartir de fondo



2 pinchamos en la erramienta de borrador y borramos cuidadosamente el area que queremos sea transparente



3. una ves que terminemos de borrar el area que deseamos podemos agregar un texto como marca de agua asiendo uso de la barra de eramientas
solo por mantener un credito



por ultimo le damos guardar, y escojemos el formato png
tambien puedes crear un marco creando una capa nueva con canal afa y trasado ss pero eso lo explicaremos en otra ocasion

Leer más...

como crear marcos para facebook

Facebook ya nos permite subir nuestros propios  marcos para usar en la aplicacion messenger o aplicarlo a fotos de perfil,  solo debes ingresar a la direccion de abajo

 Click aqui para ir a Frame Studio
https://www.facebook.com/fbcameraeffects/home/#_=_
crea tu marco en photoshop o gimp o algun programa para android que te permita guardar transparencias, debe ser en formato png, en los png las resoluciones admitidas son amplias pero lo recomendado es 540x540
540x960 y 960x540

si no sabes usar aplicaciones comno photoshop o gimp  puedes buscar un tutorial sobre guardar transparencias en png
o seguir nuestro tutorial como dar transparencias a imagenes ideal para frame studio de facebook



Leer más...

lunes, 21 de mayo de 2018

Aumentar el rendimiento y velocidad de tu pc


Hola antes que todo, deveria decir que el rendimiento de windows es determinado por varios factores, cpu, gpu, memoria ram, entre los cuales los mas importantes estan la ram y la gpu, con 1ghz ya tenemos bastante potencia para las cosas habituales.

 lo importantes es ram y gpu ya que la gpu es la que se encarga de acer que los graficos vayan rapido osea todo lo que puedes ver en pantalla asi que si tienes un pc con una gpu de unos 400mhz y unos 256mb de memoria vram tus graficos estaran siempre rapidos otra cosa es la memoria ram windows yega a consumir mucha ram ablamos de w7 en adelante por lo que lo recomendable son minimo 1gb. aclaro con esto sumemos un procesador decente de unos 1.6 ghz con esto ya tenemos lo suficiente para reproducir video en hd. Una cosa que devo aclarar es que tener varios nucleos no les aumentara la veocidad de procesamiento aunque tengan 10 nucleos ya que un proceso corre en un solo nucleo con 2 o 4 aseguras la estabilidad del sistema no la velocidad no confundan rendimiento con velocidad son 2 cosas diferentes




bueno lo primero que deven hacer para mejorar la velocidad del sistema es deshabilitar algunos efectos visuales claro manteniendo el tema aero de windows quitarlo por completo le quitaria todo lo que lo hace difernte a otras versiones de windows, desfragmentar el disco duro aumenta tambien el rendimiento si tu probema es que tienes poca ram usa un usb y ready boost

hacemos click dercho en equipo en propiedades / en panel de la izquierda / en configuracion avansada del sistema / en la pestaña opciones vanzadas / rendimiento / configuracion /efectos visualesy desmarcamos estas opciones

-Animaciones en la barra de taresa y menu inicio.
-Animar las ventanas al maximisar y minimisar
-animar los controles y elemntos dentro de las ventanas
-atenuar o deslisar informacion sobre herramientas en la vista
-atenuar o deslisar los menus en la vista
-deslisar los cuadros combinados al abrirlos
-desplasamiento suave de los cuadros de lista
-guardar vistas previas de miniaturas de la barra de tareas
-mostrar sombra bajo el puntero del mouse
-mostar sombras bajo las ventanas


quitar servicios inutiles y que no usamos, solo deshabiliten los que ven aqui si deshablitan otros como temas o windows installer que sirve a los estilos visuales e instaladores de aplicaciones pueden ver caer a windows o dejarlo inservivle

para entrar a servicios de windows abran el administrador de tareas en la pestaña servicios y en el boton servicios aparecera la ventana de arriba


Servicios Inútiles

##Id_String1.6844F930_1628_4223_B5CC_5BB94B879762##: hace parte de un proceso que se llama “Bonjour” puede ser una vulnerabilidad para la seguridad del sistema, usa mucha memoria y es instalado sin permiso en el sistema por Quick Time, Itunes, Photoshop, Illustrator, InDesign, Flash, Bridge y otros. Se instala en la carpeta “C:Archivos de ProgramaBonjour” .

Adaptador de rendimiento de WMI: no tiene uso así que lo podemos deshabilitar sin problemas.

Administración de aplicaciones : ofrece servicios de instalación de software como asignar, publicar y quitar. Sin éste servicio las nuevas aplicaciones continúan almacenándose en el apartado de “Agregar o quitar programas” así que lo podemos deshabilitar o dejarlo en manual.

Administrador de sesión de Ayuda de escritorio remoto: Casi nadie usa esto, se puede deshabilitar.

Adobe LM Service: Solo presente en equipos que tengar software de adobe instalado, aun asi se puede Deshabilitar.

Ayuda y soporte técnico: Personalmente no uso la ayuda, así que prefiero ahorrarme este servicio.

Centro de seguridad: Prefiero deshabilitarlo ya q es un servicio bastante molesto (el tipico escudo rojo que avisa que el pc no está protegido cuando no tenemos Antivirus, o firewall, o el pc está desactualizado)

Coordinador de transacciones distribuidas de Microsoft: No es muy útil para un usuario normal.

Escritorio remoto compartido de NetMeeting: estará mejor deshabilitado. pocas personas usan el escritorio remoto, además deshabilitarlo mejorará la seguridad del pc.

Localizador de llamadas a procedimiento remoto (RPC): recomendado ponerlo en manual

Medios de almacenamiento extraíbles: Se puede dejar en Manual

Mensajero: Se puede dejar manual o deshabilitado

Microsoft Office Diagnostics Service: se puede deshabilitar, o dejarlo manual

Microsoft Office Groove Audit Service: si no usan groove, deshabilitenlo.

Instantáneas de volumen: Si no usamos “Copia de seguridad” podemos detener y poner en Manual este servicio.

NLA (Network Location Awareness): dejarlo en Manual

Notificación de sucesos del sistema: Registra sucesos del sistema como los de inicio de sesión en Windows, red y energía, y los notifica a los suscriptores de sucesos del sistema

Si le ven alguna utilidad a esto, dejenlo habilitado. si no Deshabilitado estorba menos.

Office Source Engine: recomiendo que lo dejen manual. este servicio solo es útil si se llega a corromper la instalación del office.

Portafolios: no es muy útil, pueden deshabilitarlo.

Proveedor de compatibilidad con seguridad LM de Windows NT: se puede dejar manual, o deshabilitarlo.

QoS RSVP: se puede deshabilitar.

Registro remoto: hasta por seguridad es mejor deshabilitarlo, con este servicio habilitado un hacker podría dañar el pc.

Registros y alertas de rendimiento: se puede dejar manual

Servicio de alerta: Se puede deshabilitar.

Servicio de Index Server: se puede deshabilitar o dejalo manual

Servicio de informe de errores: esto solo sirve para enviar los errores de nuestro pc por internet, deshabilitenlo.

Servicio de transferencia inteligente en segundo plano: Usa el ancho de banda de nuestra conexión a internet, para transferir archivos ocultos. DESHABILITARLO!

Servicio de uso compartido de red del Reproductor de Windows Media: Esto no es muy util para la mayoría. deshabilitarlo

Servicios de Terminal Server: si no usan las funciones de administración remota(como rdp) deshabilitenlo.

Servicios IPSEC: se solo usa para conexiones VPN. lo pueden deshabilitar, o ponerlo manual si usan algunas veces vpn

Sistema de alimentación ininterrumpida: a menos que usen una UPS(equipo usado para mantener el pc prendido cuando se va la luz) deshabilitenlo.

Telefonia: deshabilitenlo, si no utilizan todavía modems dial up(de los de 56k que ocupan el telefono).

Telnet: por seguridad, deshabilitenlo.

Otros Servicios:
Acceso a dispositivo de interfaz humana:

Controla las teclas de acceso a aplicaciones de teclados USB (Atrás, Adelante, + Volumen, – Volumen, Siguiente, Anterior, etcétera). También controla los botones de altavoces USB.

Si no tienen un teclado con estas funciones (o lo tienen pero no lo usan) deshabilitenlo.

Actualizaciones automáticas: Si les molestan, o no las quieren, deshabilitenlas.

Adquisición de imágenes de Windows: Según la descripción de windows, Proporciona servicios de digitalización de imágenes para escáneres y cámaras. Vamos a detenerlo y ponerlo en Manual. Si se nos presentan problemas en la utilización de los escáneres o cámaras digitales, lo ponemos en Automático.

Almacenamiento protegido: Deshabilítenlo si no tienen información que necesite ser cifrada (protegida contra la lectura de otros usuarios)

Cola de impresión: lo pueden deshabilitar, o ponerlo manual, y si llegan a tener problemas para imprimir, vuelvanlo a activar.

Compatibilidad con cambio rápido de usuario: proporciona administración para aplicaciones que necesitan asistencia en un entorno de usuarios múltiples. se puede deshabilitar sin miedo, a menos que contemos con diferentes cuentas de usuario en nuestro sistema.

Configuración inalámbrica rápida: Desactivar si no se tiene tarjeta inhalámbrica.

DDE de red: habilitar solo si se usan recursos compartidos.

Detección de hardware shell: Se utiliza para la detección de dispositivos o hardware AutoPlay, como ciertas lectoras de CD o DVD. pueden probar deshabilitarlo y si tienen problemas con sus unidades de cd, habilitenlo de nuevo

DSDM de DDE de red: Generalmente aparece deshabilitado. si usan recursos compartidos no lo deshabiliten o dejenlo como esté.

Enrutamiento y acceso remoto: Se puede deshabilitar, a menos que vaya a ser usado. aunque se dice que este es un servicio inseguro. así que estará mejor deshabilitado

Examinador de equipos: Se puede deshabilitar, si no usan los recursos compartidos, o si lo usan accediendo directamente a los pcs. Este servicio también causa mucho tráfico en una red de área local, así que puede ser comveniente en algunos casos.

Windows Firewall/Internet Connection Sharing (ICS): Por seguridad es mejor habilitado, yo personalmente no lo uso, pues mi router adsl, me sirve de firewall. aunque siempre está recomendado instalar un firewall para monitorizar el tráfico de salida.

Horario de Windows: Verifica la hora en forma automática con un servidor de Internet. es desición de ustedes activarlo, dejarlo manual, o deshabilitarlo.

Inicio de sesión secundario: Inutil para la mayoría, se puede deshabilitar.

InstallDriver Table Manager: Dejarlo manual.

Instantáneas de volumen: Si no usamos “Copia de seguridad” podemos detener y poner en Manual este servicio. o simplemente deshabilitarlo.

Java Quick Starter: solo lo tienen algunos computadores con una versión de java actualizada, si no usas muchas aplicaciones java(las que tienen extension .jar, como limewire o algunos applets de páginas web) deshabilitalo

Notificación de sucesos del sistema: Registra sucesos del sistema como los de inicio de sesión en Windows, red y energía, y los notifica a los suscriptores de sucesos del sistema

Si le ven alguna utilidad a esto, dejenlo habilitado. si no deshabilitenlo.

Programador de tareas: Habilita un usuario para que configure y programe tareas automáticas en este equipo. Si se detiene, estas tareas no se ejecutarán en sus horas programadas. Es necesario para que funcione el prefetch, que acelera la ejecución de los programas. Además, se encarga de programar tareas como la actualización de Antivirus. ya ustedes tomarán la decisión.

Servicio COM de grabación de CD de IMAPI: recomiendo dejarlo manual.

Servicio de administración de certificados y claves de mantenimiento: se podría deshabiltar, o dejarlo manual.

Servicio de aprovisionamiento de red: dejenlo manual, no es muy usado.

Servicio de descubrimientos SSDP: Recomiendo dejarlo manual.

Servicio de protocolo de autenticación extensible: Pueden probar deshabilitarlo, y si por alguna causa tratan de conectarse a una red y no les conecta por que,les pide autenticación EAP, habilitenlo

Servicio de puerta de enlace de capa de aplicación: si no comparten conexión a internet, ni usan el firewall de windows lo pueden deshabilitar.

Servicio de restauración de sistema: Si les gusta usar esta herramienta de recuperación(Restaurar el Sistema), dejenlo automático, si no la usan lo pueden deshabilitar. yo personalmente prefierto mantener este servicio activo.

Servicio del número de serie de medio portátil: Se puede deshabilitar, si tienen problemas con algun reproductor de medios portatil, lo habilitan.

Servicios de cifrado: Lo necesita el Windows Update. Lo podemos dejar en Manual y lo iniciamos cuando sea necesario.

Servidor: Ofrece los servicios de compartir archivos e impresoras. si no usan esto, o lo usan muy poco, lo pueden deshabilitar, o ponerlo manual.

Sistema de sucesos COM+: A elección de ustedes está deshabilitarlo. muchos recomiendan dejarlo manual. yo personalmente lo tengo deshabilitado. podrían probar deshabilitarlo y si llegan a tener problemas lo ponen manual.

Tarjeta inteligente: a menos que posean una tarjeta inteligente, deshabilitenlo


Otra forma de mejorar el rendimiento de windows y evitar sobrecalentamineto de nuestra maquina es limitar el acceso al maximo uso de cpu a determinadas aplicaciones por ejemplo chrome o programas de codificado de video

para esto disponemos de una app que pueden encontrar aqui, limitar el uso de cpu a aplicaciones pues si a app estara un poco lenta pero en apps que consumen casi un 100% de cpu esto es un alivio, si una app usa el 100% de cpu el eqipo responde lentamente y puede trabarse ademas de que sobrecalentamos nuestra pc, por lo que limitar el uso de esta mejora el rendimiento de otras aplicaciones

bien busquen en zona windows de nuestra pagina "battle encode shirase" con esta app que es portables solo busquen la app que esta consumiendo toda la cpu i elijan cunato desean limitarla, una cosa que deven saber es que antes de apagar la pc deven cerrar la app si aun estan limitando algun proceso o app. o el pc puede no apagarse si la app que esta consumiendo toda la cpu es svchost.exe pueden verlo en varias instancias asta 5 svchost uno de sus controladores les esta fallando o un virus se mesclo en los servivcios escaneen su pc en busca de virus antes de atreverse a tocar esta app
Leer más...

domingo, 20 de mayo de 2018

como escribir hola en codigo binario y muchas mas palabras

hey hola, se que muchos buscais esto por internet. asi que decidi echarles unam mano y es que el alfabeto en codigo binario es poco encontrado en internet bueno para enpesar se tarta de nuemros pasados a codigo binario cada letra dl alfabeto le corresponde un numero, esto en informatica
 bueno paso a ponr el alfabeto

a  1100001
b  1100010
c  1100010
d  1100010
e  1100101
f  1100110
g  1100111
h  1101000
j  1101010
k  1101011
l  1101100
m  1101101
n  1101110
ñ  11110001 
o  1101111
p  1110000
q  1110000
r  1110010
s  1110011
t  1110100
i  1101001
v  1110110
w  1110111
x  1111000
y  1111001
z  1111010


y el conocido
 hola en binario
1101000110111111011001100001


Leer más...

sábado, 19 de mayo de 2018

caja de busqueda search box en html5 css3

como crear una caja de busqueda personalisada en html5



Ejemplo de codigo
<style>
#buscar{
background: gray; padding: 5px; width:250px; height: 35px; border-radius: 5px;
}
input[type=submit]{height: 25px; background:rgb(220,220,220);box-shadow:inset 0px 2px 1px rgba(5,5,5,0.9), inset 0px -2px 1px rgba(255,255,255,0.9); border-radius:10px; size: 250px; padding-left: 6px; border: solid 1px gray }
input[type=submit]:hover{background:rgb(220,220,255); border-radius:10px; size: 250px; padding-left: 6px; border: solid 1px gray }
input[type=search]{ height: 25px; background:rgb(255,255,255);box-shadow:inset 0px 2px 1px rgba(5,5,5,0.9), inset 0px -2px 1px rgba(255,255,255,0.9); border-radius:10px; size: 250px; padding-left: 6px; border: solid 1px gray }
input[type=search]:hover{background:rgb(220,220,255); border-radius:10px; size: 250px; padding-left: 6px; border: solid 1px gray }
</style>

<div id=buscar>
<form  action=search.php>
<input id="busqueda" type="search" placeholder="Buscar..." />
<input type=submit value=buscar />
</form>
<div>







Leer más...

barras de desplasamiento estilo mac osx usando -webkit-scrollbar


agregar barras de despalsamiento estilo osx a tui pagina web blog blogger wordpress


bueno solo deve copiar el sieguiente codigo en un gadget en el caso de blogger en el html/javascript

en el caso de una web propia ponlo en el css de tu pagina

el codigo incluye todo solo es copiar pegar


<style>
a:hover{cursor: url(tu cursor png), progress !important;
-webkit-user-select:none}
body{

cursor: url(tucursor.png), progress !important;

 
   }


 ::-webkit-scrollbar {
 width: 12px;
 height:12px;
}

::-webkit-scrollbar-track:vertical
{
background: gray url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAABCAIAAABlidhuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAuSURBVHjaYty0aRMzMzM3NzcnDLCzs7OzszMzMzMwMPz58+fHjx8AAAAA//8DAGzyCKKiF0U9AAAAAElFTkSuQmCC)

}
::-webkit-scrollbar-track-piece:vertical:start {
margin-top: -4px;
}
::-webkit-scrollbar-track-piece:vertical:end {
margin-bottom: -4px;
}

::-webkit-scrollbar-track:horizontal {
 background: gray url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAA1SURBVHjaBMEhCgBACEVB3v1vI9it1q0WMSn8Q+wM3c3uIglJ3B0zQ1Xx3iMziQjcHTP7AwD3fh4lLcMvAAAAAABJRU5ErkJggg==);
}

::-webkit-scrollbar-thumb:vertical {
/*-webkit-linear-gradient(left, #547c90, #002640,);*/
 background:blue url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAACXBIWXMAAAsSAAALEgHS3X78AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADdSURBVHjaRM1RSgRBDIThP9XpgRUWFxUEwet5KY/jNXzxGDOdTnzoWTaPyZcq+/r+q88bXK6dI4yf353L05WP9xsvr+L5DeYBDqBmNBkm8Ca2LrqLbtANWjuhyZDAzHAX3rSOHbrDzDs0cBNdhgMu6AJ36A24J6JV7QKX0QTeVloToBOmGVghGX0TmzfcodlKpUCwFjmNLMgssHU01lSe0KqoSmYWEcU+khFwBETAjLN6zsd7VhGziITIBxZAzSKqiJmMSGYtOMbCyQnJYkYxAsYsjiMZsfAM2A/4HwArMGx/PB1qwgAAAABJRU5ErkJggg==);
 border: 1px solid #1148b9;
 border-radius: 10px;
 box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.0);
}




/*horizontal*/
::-webkit-scrollbar-thumb:horizontal{
 background: blue url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsSAAALEgHS3X78AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADdSURBVHjajJBLSkRBEAQjq6vfMKjgzErceDsv5YG8heApxNf1cfEGZmtuchMBSer947v5Z/ztApjQEGOIlsgG64ZquqGrqWz8/DgZLlyCBsmw0dAiq4kuqiCr8Z8lZkMOATAMLEUVRIlVorvpEv75tTOHmG6YhLswE2svopoAIorIws8PT2ybMSR8iNM0aNhPSRZEQWSxr8JfX56ZLtzADaYDggiIhFWQCSsKv14PcM4D3hwayIYVN2nBasMvVxh+B92PTyMgC1Ye0mrw/RdODQFYQifIINd9Qt36bwCAMn5EGLtHXAAAAABJRU5ErkJggg==);
 border: 1px solid #1148b9;
 border-radius: 10px;
 box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.0);}


 ::-webkit-scrollbar-track-piece:horizontal:start {
margin-left: -4px;
}
::-webkit-scrollbar-track-piece:horizontal:end {
margin-right: -4px;
}

::-webkit-scrollbar-button{width: 12px;
height:12px;}



::-webkit-scrollbar-button:horizontal:increment{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAIAAADgcHrrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAH1SURBVHjaZJLP6zFRFMbfyzVKahYoQ8mGhIWyYSEpK5SUlb/Dlo3/SOm7tUCRDTYiZMb4USS55o5xf7yL26tvvWf1dOpzzul5Dvj5+UEIcc4dDofT6QQAMMYAAH/+legITQhhjJmmCXa73fl8VlX18XgEAoFwOAwh5Jx/sf/1drsF1+sVIXQ+n1er1fP5zGQy0WjUZrOJPTabjTHGOeecixMYY9PpFFyv19frhRA6nU6LxUKW5UKhoCgKhFDTtNPplEqlJEkihIhBpmkOBgNwuVwwxgih+/2+Wq0ej0cul4tEIrIsj0ajTqdTqVRqtZrf7+ecU0pvt9tkMgGqqhqGYZomQmi/3+u6ns/nFUXxeDzD4bDZbEqSlEwmG41GOp0mhNxut81mA9brtWEY7/f79Xodj8fD4VAul91uN4RwMpm0223GmM/nq9frxWIRQmhZ1vF4BPP5HGNsWZZhGLquY4xLpZLL5ZIkaTQatVqtbDZbrVYTiQQAgBBCCNF1HYzH4y+maVowGCwUChBCu92+XC5ns1mxWPR6vQKglH4+n8PhAPr9PsZYuMIYy+fzoVBI5EMpBQBACCmlwnpKqWVZmqaBXq+HMX6/3xDCWCwWj8ftdrvARFAitC9GCNnv96Db7X4+H1mWFUURcf1+i9/1xVRV/TsAI3Vk3V4HxSAAAAAASUVORK5CYII=') gray;width: 18px; height:12px;}
::-webkit-scrollbar-button:horizontal:increment:hover{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAIAAADgcHrrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAIvSURBVHjaLJK9T1NRHIbf37m32PLRqHwYjJQgRggiiRIBN10cdDDRuBgnE2dnBxcH/wfddHBxMA4EHUwqDNooBItKtZZLaz9obXtpOPfe9t57zs+hvOPz5tke+pBcXc9WMvu9n3aMg+YRAmmlQUQEZoDBxGCAQQSAtWIVKLIsq2k3y6XKj6299Q2EwWj/QEwQCyGYSWvNWjOYAQIRQOAwDKlerzuOY9v2rmV9z1RS1vD41ExipC9isGYmEgCBmVkzAIYAyQP/UJNS1mq17e2f7zLBBs/dvDx5drS/03Fy6VS0N56YviCEEYSBIBZEVtGharXqeZ6U0rbtXC6XKTSe/UpMnpu+tTQ2FA1ePH34Z+vL1TsPFq/dPj40Ah02pL+SblKhUHBdt91uSynz+XyxWHxuTewY43OnhxNxnX75KL/2Ohrrm1m4cv76fZy6ZDXbaatF2WzWdd1Op+M4TqlUKpdKr+pTv2lMiZgZep33T8KttzB6jPGlyPw9JBYElFaK0um053m+73e1YnV/xZtt9Jw0zSh8t/jmsfd3c3DxbnzuhugfYq3Ayg81pVKprialrJTL262eb+ZF3zxqmGbou63sZyMWH5iYF4apQ18pZrDSoGQy6XXnuntSbYjZRt8ZkCAwAJAAEcBgzXwYQMBMy8vLnucppVqIbtLEv/i0jkS6NwEQAKHbierWoqEB+ri6Zrv+rj72VZ8oGoNaCAEAIAYTNEBAlzAhYCgNxfR/AGf8ZnbmsGtcAAAAAElFTkSuQmCC')gray}
::-webkit-scrollbar-button:horizontal:decrement{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAIAAADgcHrrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAH5SURBVHjaZJLN6ylhFMfnPM9jzDMeSTYYQ1GykY1mgX/Nhq2/g41CXjbUJAsipbwkNlKMwmJKyniYu5ju797u/a7OOZ3POXW+B2q1miRJCCFCiCAIgiAghGzbFn7Ltm2n8nq93u83ADDGoN1ux+NxQRAA4Kf1n5hzfjgczuezz+eLRqPBYBB0Xc9mswghZzAAAABC6Pv9Oju/3+9ut5tMJl6vN5lMBoNBxhh0u91CoSBJktNECLEsa7FYhEIhVVU554Zh6LpummY6nQ6FQowxj8cDzWZT07RAIIAxBoDL5dJoNDqdTrFYzOVypmnu9/vRaOTz+ZLJpN/vZ4xRSqHdbicSiUAgQAiZz+fVanW1WlmWValU8vn8/X43DGM4HCqKEovFGGOSJMmyDP1+PxwOi6LIOR8MBvV6/Xq9IoRKpZKmaZzzx+PR7XYjkUg4HPZ4PG63W5ZlGI1GiqIQQgghtm2v1+tWqzUej8vlci6Xsyzr+Xz2ej1KqaIosiyLokgphdlsFolEXC4XxtiBb7fbYDDIZDKpVOrz+XDOdV0/nU6qqv7BlsulqqqiKGKMHRswxpxz27Yxxo5vx+NxOBwihJx7UEphtVrFYjFCyA/mWOfY6KSfz2ez2Wy3W8652+2mlMJ0Oo1Go39j/8t5FMMwDMMwTdPlcv0aAGn15o+V5TYuAAAAAElFTkSuQmCC')gray;width: 18px;
 height:12px;}
::-webkit-scrollbar-button:horizontal:decrement:hover{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAIAAADgcHrrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAJASURBVHjaRNLNSxRxHMfxz/c3D7u/mZF1XaOZdXRbbZZQXK0UvXQJJHqA6FAHD3WqWxAdgzrUIehWhy5BBEWXKOhggpe65QNiGW3bg6lrJNkmta7u4s78vh0M+gPep9ebWo+NkU5CCADMAAEEYgKBCMwAs9AEgxOpxnBnI9dUPRB4NHpmXNd1BjHA4J2KhBBCELFSSjFVN2q6vtrXF3YFCdd1Pc+j63c/Ok2mAoNAAJEAEcDMShA1IiqtbS4VC4OZ1c5McxDkXNd1HIcuPljI+rZiVkyGbigVlYpz9a1KV34oFrM/rVafv17Yz29HcqK7u8fzPMdxbNumkTsfjuZbUo4Joa+X16Ymnr58cm9v7+C5K7fLdePZ5MrC++L5YGlfRyoIgmQy6TiOlJKaL8/ks4lsSxzfZt69uF+YflWvbWYOnc6fvVmqiPmvPzuj5QvZRd/3M5mM4zjxeNyyLIpfmhaapqChNN2YfRQtTyLa1ntPxo5cC3WpqVqOV0Zbi21+ezqdtm07FotZlkV7rs6ZugBpJDRVLVfmx35NPZbt/f6pGzCtMKyntr8ftwv+7kQ63WZZlmmaUkrqv/VZEyCQppHQTRWFG4uzUa2SCIZ104rC0Ax/90dvepIN1/P+Z4cf/jHoHy4RQAIgMIMVAAaBVevml4NcSCcMwzSllFJKOjHBAiABAjQCAUwAAwqMHXuIRmNXpTggSo7aEkJIKWloPDR0oREMAWIAiAAABIidawAFkFJ+WB7QfnTwerPU/w4ARbvVsqXIBBsAAAAASUVORK5CYII=') gray}
::-webkit-scrollbar-button:vertical:increment{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAIAAADgy6hbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHvSURBVHjaVJKx7vFQGMb7/s9pT9tTxSioImKwcAEGt2B1DXaJzYWIXYh0wOIWJEaTWASRqLanlOr5hv4/vu+df3mfPL88YFkWQohSqvw9QgghBCEkCEIYho/HA8bjMQB8IFmWCSGyLAOAIAjP5zMIAphOp4wxSqmmafEbSZIwxgAQhqHjOLIsg2VZx+MRIZROp1VVJYSIosg5D8PQdV3OebVahcVi8X6/9/t9EAS6rsdBz+eTMZZIJOr1ej6fh+VymcvlgiDYbDa2bYdhyDnXNC2TyTQajVwud7/fYT6fl0qlbDZ7uVwul0sURZRSSmkqldJ1HQBc14XFYmGapmEYCKHH4+E4ThRFiqKoqqooCgB4nveFYje+71+vV0ppXPM/qFAonE6nw+HAGPM8jxCSyWRqtZooit+4YrG4Xq8Hg8HhcIiiSJKkbrfb6XQwxq7rwnK5NAzDNE1BEIbD4Wg08n2/1Wr1er1sNss59zwP5vN5HEcIOZ1O/X5/t9v1+/1msxl7Z4z9QoZhYIxFUVytVtvttt1uf8R+oUKhgBDCGN9ut/P5nEwmYwu/kGVZ5XLZNE2MsSAItm07jkMIUVX1C81ms0qlYhhGFEWMMdu2OeefbSGEGGMwmUxkWdY07X6/v14vjPG/q/r5+fF9/88Ahi8DFY1ls2sAAAAASUVORK5CYII=');width: 12px; height:18px;}
::-webkit-scrollbar-button:vertical:increment:hover{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAIAAADgy6hbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAKASURBVHjaBMFLaxNBAADgnc3O7szszm4em53dtqYhtaaotQ9BVBAUNDHxlVooHvSqF/HgL9BD8SB4ELwLvdhTAz5IKvQgHpRWRVRolUJiW6S2SZNsEtMkm/H7wIOnc3FL0oiqahohBGOMEJJlWRRF3uP7+631ShfcepS9GGnqlGCiYYwVBckylCAUOPe6nZpb//DPBPHbr26wjfiIpht+pCAFIQgh59zzvKbrFprgvToJ7On8ae93fLQ5dEAxdENGCACx095vNOp/W3A9OPYzcBg404snu52W2Wj7No5aXh/lQOC1trQr6C473o6MlqAEWCaX0GRjgmUL241yKUg5pTJCGGohdWBYtfWqwAGbyl/UpCOJoaIPfCzUPm01sSr1UzlIcMBhxNJqgAP7ej5F5WPJqOjoDe6b/1Je3WnFDBgg0AgHcZi6gAM2lU9RZTQZ8UKSX8cvf1SX1qoRKlECQ/0DJEwrIgcsk09qcDwdW9tc/v5uYbPa2aq0sY/3ncjEzs0QS90TOLCmckksTVweLpZXXzy+u138JQiCFIocuvlk8FSKWGSPc2Blcgnim7w0zBlZzj3PPnvYandY8n40cSdoh9WwWhU4YNdy51XfZHpI7DOEbmVu9t7XDTc2M2v2R/2mQSxaEzhgmdwFIo2nYz2LMFNders4v1IaHDvjV+UACyOL1gEHLJNLEGksFRNsHA6gpTV3/nM5Ykg6QSHHQozucQ+Er7xJUTieOig4WJBA9lt1peAO6BJViWkzxaK73ANm+nVCE0fOxnaItFprLxfqrR63KfRTLehYhOk7vR6IXF2I/inJpl30wV3F1yNQ9CtIgwFKTMfBNt3mvf8DABaM5yPNbCouAAAAAElFTkSuQmCC') gray}
::-webkit-scrollbar-button:vertical:decrement{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAIAAADgy6hbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAIlSURBVHjaTM9LTttAHIBx//2Yh8cOlmqlSmTZQEC4IpwAiTUn4AQs2HASLoDUBaoi0TZtBIiHaHcs2LNEcIAmYFQ3nngmju3pIqh0/1t8H3z81G96DqWsKEtRFLphYIwJwTazbUo1TT2LEvrfT1c7Ubvd1nWdc8451zQNY+w4DiGkrut0ImFwerked6IoIoQURZFlWZ7nhmEwxiildV0nmYDB2dWH1cUgCBzHqaoqSZI0TT3Pc10XIaSUevofua6bpunNzc14PN7c3AzDEADqun5DS0tLCKG7u7uDgwMhxP7+/tbWlmVZRVE8cwkn59fxShTH8Wg0Ojo66vV6ZVnu7Ozs7u5GUTSbzZ4yASfn1924E0XR7e3t4eHh4+NjXddhGO7t7W1vbyulfqUcTi9+rK8tt1qt0Wh0f3+f57kQwrKsjY2NOI4B4BXFK1EQBIwxTdOm06kQAiFkmqZhGK/hcxSGoWmanPMsy3RdZ4wxxhBCb03ra8u+76dpOhwOlVKUUtd1fd9vNBpKqeGfCZxd/uxEbc75w8PDy8sLAAAAISQMw26322q1nsYCBmdXpjZLkmQymdi2jTEGgKIoyrJsNptxHNvv3sNx/0Ty31VVNRqNhYUFjLFpmmVZ5nkupfQ8zw8WoXf8VasKxpjneZRShNB8DQCyLJNSItuB489fMLLmO5RSQghCCGM8/5dSCjmF/rcBsow5sm37n7MsSyklpZTT4u8Aw/oeJNQSytcAAAAASUVORK5CYII=') gray;width: 12px; height:18px;
 }
::-webkit-scrollbar-button:vertical:decrement:hover{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAIAAADgy6hbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAJ6SURBVHjaLM47bBJhAMDx77v7vnvAwR1wDw5apDVWUy2aQp82LsapSRdjYuts4uKgY2cTE0zqYmKcdDCuVhONqYmxNdZobAsnxEcrbbClUMrRQuHg4MCB7r/k/4c357TUxz+2Oip73CkIjzAEDsRw2M3bZVUhRMFkALx2L5b/tjPYL9KnxV/V5tpOJXvU4FlSdnGSqmBFOEIAXr8fL8byF4cU/4hXB2A1XX2XLNthw8vbRFVGilBDAM5EtcJKLjIgBcZU6MD/8saTpW2MaFXgRK8HKYKJO2h1LzIgdo8HmthMJbRnCzE2OOwP9IgyjyTewgBOR7X91dzIBTk4cXKvsPXh+cNPS59dl28HhidlVSJdNosCcCaq5VeyE8MnxJDr+9e3rx/NFnJZPnw1OHmnOzSCnESzk9tfy18a6zXo9PyLaHLxDQAAsnxwavbM1C3G56xDAGeimh4vjIZVJJeSyeXNrZ1EziRalq9/PDh6he0Sax1UjBciIXdgSK5RKJ4xX2o6B1oKz4iqiGV3Ax+j/dHzkhxWN+twcb0c260qLOnjGbckINF5PH4Qz4dDUkl1vE8d/s5UsB15OUpy2kWfTMl8EwN444F2ECvyHrwOy5li+pSjybGgTdKmvYsKnCP8qoUBnIkmtr+kRVte8Je8LsvrZBAB6mazaADd0Zvxhcu8DKfnfhzGE4M+va+P8rh5mmZJErUsy6hUdKOdRIEN4Sy8+3SNyP6MdDVlxYUYB0UxmKJIkoStVqNy8LfUSqAe+Hh+majsdguIYTmWtTEMQ9M0xphEmLAaxYqxUSbgq4Ulo6Q7bRTHcXa7vYNomkYIgXa7WjN1w/w/ACOm/iwjt6xyAAAAAElFTkSuQmCC')gray}
[draggable=true]{-khtml-user-drag:element;-webkit-user-drag:element;-khtml-user-select:none;-webkit-user-select:none}
</style>

Leer más...

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...

Entradas populares

Entrada destacada

listar datos de una tabla con php y pdo mysql de forma sencilla y simple

primero que nada iniciamos sesion en mysql con pdo  <?php //Usaremos PDO para conectar PHP con MySQL // Datos para conectar con la base...

Translate