ciao così come hai detto se ti chiudevi a chiave se tu
ho cercato l’altro discorso sfortuna è
anche io sarò qui più tardi
parlando di app Web progressive ma
Avevo fatto il pieno e gli organizzatori lo erano
abbastanza gentile da darmi alcol e uso
parole e cose ed è stato molto
efficace quindi ho iniziato a dire okay che posso
fai un altro discorso che sto per fare
un campo di pixel dopo quello in BA in
Portogallo e dare qualcosa di simile
c’è quindi è buona cosa da provare
su un pubblico reale quindi voglio parlare
oggi sul problema dell’immagine del web
e non l’immagine del web ma le immagini
sul web e come possiamo risolverli
problemi con l’ apprendimento automatico e anche
con solo strumenti a cui pensiamo
costa fin troppe cose sul web
che non stiamo ottimizzando in questo momento e
il problema è che siamo seduti
queste meravigliose macchine con il grasso
connessioni e mettiamo le cose sul web
e pensiamo che sia bello e la nostra fine
gli utenti praticamente stanno lì su un cellulare
telefono con una cosa rotante e vedere
il loro traffico di dati nel
sfondo andando lì e una banca
conto andando giù e si chiedono
cosa sta succedendo quindi sono Chris Hillman a
codice poeta su Twitter in caso di necessità
più foto di gattini e ricci
e alcune cose di JavaScript anche io
sono piuttosto attivi là sono io
guardando i telefoni cellulari e l’essere
infastidito dallo stato del web
telefoni cellulari alcuni anni fa e
per fortuna ho avuto un risultato molto migliore
lavoro per Microsoft su cose open source
come il motore JavaScript Visual Studio
codice e anche un lipide in una macchina
apprendimento, ma io sono più di un fanboy della
squadra di apprendimento automatico e aiutarli a
parlare con gli umani e gli umani per lavorare
imparare le persone è un po ‘come
traduzione per programmatori ad altri
gente che è un’altra abilità che tu
dovrei tornare indietro nel tempo un po ‘
sappiamo tutti questo diritto personaggio se si
so che sono in verde allora probabilmente lo hai
un fratello maggiore perché non sei mai stato
permesso di giocare a Mario devi sempre
Suona Luigi e cosa c’è di divertente in questo
personaggio e su cui ero solito fare giochi
Commodore 64 e colore gameboy e un
Amiga più tardi pensiamo sempre
questa limitazione è perché questo è
com’è, ma c’è senso e senso
e significato in tutte le cose che sono
su Mario prima di tutto il rosso e
il blu offriva il miglior contrasto con il
pelle
nello sfondo del gioco è così che loro
non li ha messi insieme perché loro
erano i colori che erano rimasti su di loro
mettili li dentro così puoi vedere il
carattere tutto il tempo al giorno d’oggi quando
le persone vanno per nostalgia di pixel loro
non capisco che allora tu
mai visto un pixel siamo saltati sopra
all’indietro per essere certo di vedere
pixel perché era televisori male che
ho fumato tutto insieme così hai ottenuto
per assicurarti di avere il contrasto
tra i diversi colori da realizzare
sicuro che il tuo personaggio di gioco sia visibile
il tappo significava che non c’era bisogno di preoccuparsi
su sopracciglia stile capelli o una fronte
in realtà originariamente Mario non lo era
supposto essere un blocco un idraulico loro
avevo solo bisogno di renderlo un idraulico
perché non avevano abbastanza pixel
per i capelli quando è caduto in un buco così
gli hanno appena regalato un berretto e poi gli sono piaciuti
okay, chi ha l’elettricista?
ho ottenuto questi sprites di pipa così come noi
potrebbe anche usare quelli e il grande
il naso ei baffi lo hanno reso possibile
per evitare la bocca e le espressioni facciali
perché non ne avevi abbastanza
pixel per diverse espressioni facciali
ed è per questo che è stato costruito il mario
lui per cosa è stato progettato ed è stato
ottimo perché è stato progettato da
Limitazioni Ho sempre amato essere
creativo in ambienti che sono
limitato e questo è finito e indietro allora
abbiamo combattuto per ogni pixel combattuto per
ogni pezzo di informazione per ogni
byte ma questo è finito perché al giorno d’oggi
abbiamo queste enormi macchine veloci
connessioni abbiamo quad-core
computer nelle nostre tasche e noi
proprio non capisco che la gente sulla
l’altro lato del pianeta potrebbe non esserlo
in grado di vedere che così tutto ha
ragioni e significato in quel design che
abbiamo fatto allora, mentre al giorno d’oggi
l’evoluzione sta accadendo intorno a noi
allontanandosi dalle macchine desktop in
computer portatili e ora in realtà su dispositivi mobili
telefona al prossimo milione di utenti del web
non sarà in nessun giorno desktop o portatile
sarà sui dispositivi mobili e la ragione
è infrastruttura nei paesi in cui
c’è crescita su internet come
Africa Indonesia Bangladesh India persone
non hanno appartamenti dove un computer
potrebbe essere istituito persone non possono permettersi un
Le persone MacBook Pro possono permettersi un cellulare
telefono e una connessione dati non c’è
anche i cavi nel terreno per ottenere
connettività ma ci sono maschere mobili
ovunque così saranno tutti
dispositivi mobili quindi è quello che dobbiamo
pensare per il prossimo futuro o
attualmente proprio qui è dove il
la prossima crescita sarà e la prossima crescita
dopo di che
nemmeno avere una UX più che lo farà
solo essere chatbot e sistemi che le persone
può parlare con così tecnologia avanzata e
i pixel sono un prodotto secondario del nostro
interazioni con il web
la maggior parte delle persone non disegna cose sul web
o fare grafica o semplicemente prendere
le foto e le carica e loro no
anche didascaliali non lo fanno nemmeno
spiegare che cosa è l’ immagine
lasciano solo che le immagini parlino
stesso che, naturalmente, è incredibilmente
deprimente se sei una persona cieca e
ottieni queste foto senza nessuna
testo alternativo non sai cosa sia
andando avanti o ti piace una persona anziana come
io e tu cerchi di capire cosa
Snapchat potrebbe riguardare te proprio come me
non hai più piani su cosa sta succedendo
qui queste sono le persone che inviano i selfie a
l’un l’altro per le ultime due ore cosa c’è
il significato di questo, ma okay sono vecchio
fanculo
il problema è che fotografiamo e
carichiamo le foto e non ottimizzato
immagini più grandi e più grandi sono, meglio è
Intendo alcuni dei telefoni del telefono
Ho è come una fotocamera da 20 megapixel in
questo è come un 8 fare foto che io
basta caricare in background perché il mio
piano dati in Inghilterra è abbastanza buono per
fallo non me ne importa e se tu
guarda il sito web medio e questo è
in realtà piuttosto vecchio questo è probabilmente
più grande adesso possiamo dare un’occhiata a
più tardi se vuoi il suo 2.2 Meg
per un sito web questo non è un web o web
pagina questo non è il sito che non è il
l’intero sito è la prima cosa che carica
che le persone vedono sullo schermo ed è così
2,2 megabyte per dire ciao e
benvenuto nel nostro sito
e questo è lo stato in cui ci troviamo
adesso perché abbiamo continuato a spingere le cose
sul web hai bisogno di queste 12 librerie
hai bisogno di questi 15 framework JavaScript
e tu carichi le immagini perché sono
bella e su iPad iPad in retina loro
Ho bisogno di un ago II e ho un bell’aspetto
tutti gli altri dovrebbero ottenere lo stesso
immagine quindi è 1,4 meg di immagini in
quello in media sul web medio
la pagina là fuori lo chiamo ispiratore
l’obesità abbiamo solo messo le cose lì dentro
perché li vediamo piuttosto sul nostro
dispositivi di fascia alta ma i nostri utenti finali no
per forza ottenerli sono solo
stando lì e ricevendo il carico
filatore per cinque minuti che non è un
buona esperienza 1,4 megabyte di immagini
principalmente a causa di formati di file errati
le persone salvano le immagini come PNG con alfa
canale che non ha bisogno di alcun alfa
canale e sarebbe felicemente un jpeg o
dove P se hai un browser quello
supporta web P o ti piace il testo
salvato come JPEG ed è illeggibile per te
conoscere
senza tutti gli artefatti su di esso solo
mi fa impazzire che non lo facciamo
capire quale formato usare per quale
immagine perché la maggior parte del tempo persone che
caricare le immagini sono programmatori di manutenzione
non sono sviluppatori che non sono
i designer sono persone che usano solo a
trascinamento della selezione del sistema di gestione dei contenuti
in te sai quando sei stato il tuo
libero professionista e chiedi a un cliente il logo
e ottieni un documento word o un embed
per il logo e basta
tornare alla coltivazione di capre e solo io no
voglio vivere più
stiamo offrendo alta risoluzione ad alta risoluzione
immagini a tutti noi ne prendiamo un sei
mille pixel dell’immagine e renderlo strappato
e pixel wide ho visto così tanti
volte è anche abbastanza divertente e persone
chiedo quando i browser sono lenti no
passaggi di ottimizzazione automatica delle conversioni
abbiamo tutto ciò che la tecnologia che abbiamo appena
non usarlo, abbiamo solo un upload
struttura e anche in WordPress ti dice
posso caricare solo due megabyte e allora
il buon amministratore di WordPress si gira
spenta e dì come puoi caricare
qualunque cosa tu voglia e poi le persone hanno
Immagini da 20 megabyte nella loro immagine di eroe
invece del contenuto del testo è molto
importante web design ultimamente è solo
questa cosa enorme e do la colpa media
sai come invece di cavalcare
articolo hai questa enorme immagine
prima che scorri effettivamente ti piace cosa
volevi dirmi che questa immagine è
voi non è che abbiamo bisogno di cambiare la situazione a
riattiva il web perché a
la connettività è il nostro più grande nuovo ostacolo
è come per noi qui su Wireless questo
sezione incredibilmente buona per wireless per
una conferenza ma la maggior parte del tempo che sei
in te sei da qualche parte e il tuo
la connettività potrebbe essere buona ma la prossima
in secondo luogo potrebbe essere andato potrebbe essere un
connettività a una connessione Wi-Fi
ti mostra oh sono Wi-Fi e poi tu
non riesco a collegarlo a meno che non glielo dai
dettagli della carta di credito che hai primogenito
sangue e come il tuo indirizzo di casa o
qualcosa di simile o talvolta
fiducia che non può nemmeno collegato, anche se
ti dà le barre complete che si chiama
vita io il web è molto più grande del nostro
piccolo mondo di sviluppatori e crescita
succede al di fuori di esso se vuoi
pensa ai prossimi anni del
web e vuoi mantenere il tuo lavoro
pensa a quei mercati che non lo fai
pensaci adesso perché è così
dove la crescita accade ovunque sia
in declino le persone in realtà non lo fanno
scarica nuove app che la gente non usa
web tanto quanto erano soliti fare il grande
i vincitori sono persone che rimangono dentro
Servizi Google all’interno dei servizi di Facebook
dentro essere no e dentro Facebook
servizi servizi di Google e, naturalmente
nei sistemi di chat come cosa
una di queste soluzioni che Google e
l’opera per esempio è davvero brava a farlo
servizi cloud e browser proxy così
quelli effettivamente usati per esempio molto in
L’Africa e l’ India si spogliano automaticamente
giù le tue immagini e automaticamente
convertili in qualcosa di veramente pixale
e brutto perché è meglio se qualcuno
ottiene una brutta foto, quindi nessuna immagine
tutto se ti fidi anche di un’immagine
i tuoi contenuti e anche loro vengono smontati
il tuo CSS e il tuo JavaScript se il tuo
javascript richiede più di 1,2 secondi
per funzionare su un vecchio dispositivo Android allora
in realtà prende il tuo javascript quindi se
ti sei affidato al tuo javascript per il tuo
pagina per caricare non sei fortunato lì
la gente non vedrà nulla se non pochi
cose che possiamo fare ci sono alcune cose che
può fare invece di fare affidamento su questi proxy
i browser e sperano che Google risolva
tutto per noi quindi i problemi con
le immagini sono immagini enormi per tutti e
immagini ottimizzate senza contenuti alternativi
nessuna formazione o incentivo per aggiungere contenuti
nei sistemi di gestione dei contenuti e qui
il nostro arsenale per aggiustare che sto facendo un po ‘
più veloce perché ha detto che devo fare Q & A
e roba così ma sei intelligente così è
tutti i migliori browser con reattività
il supporto dell’immagine sono qui adesso e noi
non devi preoccuparti di questi anziani
i browser più automatizzati senza perdita di dati
livello di file degli strumenti di ottimizzazione delle immagini
accesso alle immagini per estrarre i metadati
soluzioni di scripting per offrire alternative
macchina di servizi di contenuto e cloud
API di apprendimento per il ridimensionamento intelligente
e li esaminerò poco a poco
un po ‘di apprendimento automatico per l’etichettatura
così i browser con l’immagine reattiva
Supporta il design reattivo che non dovrebbe
essere sconosciuto alle persone più è
solo una cosa sensata da fare perché io
avere questo e lo guardo così io
trasformalo in quel modo, quindi passo a questo
uno ed io passiamo alla mia Xbox nel mio frigo
al mio cane al mio gatto dovunque
internet gira su al giorno d’oggi non c’è
dimensione dello schermo più non c’è niente
oh abbiamo bisogno di mille 24 pixel è come
l’acqua la metti da qualche parte in esso
riempia il più possibile e va bene così
media query noi siamo la prima idea che
abbiamo avuto con quello in CSS e anche in
JavaScript con media di corrispondenza
il problema è con le query multimediali
gradi quindi se hai effettivamente un CSS
file con le tue immagini di grandi dimensioni in esso tuo
Immagini metà e le vostre piccole immagini della
il browser li carica tutti e mostra solo
quello che è appropriato ma
i dati sullo sfondo vengono ancora utilizzati
e se sei su un piano dati misurato
è una cattiva idea
è per questo che abbiamo inventato la foto
elemento e sorgente set salsa che è venuto
dalla foto di Apple è venuto
persone che hanno appena guardato il video
elemento e detto come perché non abbiamo
un elemento dell’immagine perché in questo
si definisce l’ immagine in diversi diversi
formati e varie dimensioni e il
il browser carica solo quello che effettivamente
si applica e non tocca gli altri
in questo modo non hai alcun problema
le immagini che vengono caricate sono il supporto
grande questo è di nuovo superato è in forma
aggiornato ora penso che Safari sia adesso
la versione più recente posso usare dot-com è
sempre tuo amico se vuoi provare
qualcosa di nuovo da digitare in là essere
felice e iniziare a usarlo non farlo
si lamenta che tutti i browser potrebbero morire
perché devono morire alla grande
informazioni su Jake Archibald bloccano il
anatomia di immagini reattive dove lui
spiega cosa hanno detto tutte queste fonti
scorciatoie significano e che tutto il
l’informazione riguarda ma in sostanza la maggior parte
dei sistemi là fuori già utilizzati a
WordPress ora lo usa fuori dalla scatola se
tu metti solo un’immagine lì dentro
l’ elemento dell’immagine per te c’è anche
una grande demo live su didi alle nostre finestre
sito sviluppatore e quello ti mostra
uno scenario del mondo reale che cosa sembra
come se la pittura fosse stata dipinta
da uno dei nostri colleghi di
sua moglie e mostra che ti piace solo così
carica l’immagine necessaria per
quella dimensione nel formato giusto invece di
scaricare un sacco e molti dati nel
sfondo e poi ridimensionandolo
di conseguenza e puoi giocare
con quello abbastanza grazioso da fare o avere un
ora anche il corretto rapporto testo / immagine
hai strumenti automatizzati per lossless
l’ ottimizzazione delle immagini è molto importante
perso l’ ottimizzazione dell’immagine che fai
i tuoi stilisti sono davvero infelici perché
ci metti come artefatti o ottieni
invece di 12 colori
come 256 non è divertente farlo
ottimizzazione senza perdita un sacco di volte
è un algoritmo di imballaggio che non lo fa
cambiare per guardare e sentire, ma va avanti
il livello di byte dell’immagine e strisce
fuori i byte non sono necessari e
non necessario causa contenuti Photoshop e
altri editor di immagini mettono molti dati
nel file stesso che non è necessario
imageoptim è il grande lì se tu
non usarlo ancora, per favore usalo e basta
è disponibile anche come modulo NPM
anche metterlo nelle vostre soluzioni di nodo e
quello ti permette solo di trascinare le immagini
in esso e automaticamente Optima
le immagini secondo quello che è così a
gif viene ottimizzato con un ottimizzatore
JPEG con un altro BMP se lo usi
il web vengo e ti ferisco e quando
anche un altro consiglio per le immagini
sottosampionato in un formato che rende molto
più senso ed è facile come questo basta
trascinalo lì ed è tutto
sostituendo l’ immagine originale non lo è
fare una nuova immagine che non hai
per copiare o qualcosa solo
cambia tutte le cose lì dentro che sono
non necessario e in questo caso per esempio
abbiamo ottenuto 44 44% di vittoria su un JPEG e questo è
tanto semplice quanto è prima di mettere il
le immagini sul web la gestiscono attraverso a
sistema come quello e tutti vincono
ora abbiamo accesso a livello di file a
informazioni e immagini che abbiamo sempre avuto
che in cose come la magia dell’immagine o GD
libreria in PHP ma ora ce l’abbiamo
JavaScript così possiamo usare l’exif
dati nell’immagine stessa quando tu
fare clic con il pulsante destro del mouse su Windows e
mostra i dati exif dove è stato fatto
puoi accedervi in JavaScript e farlo
cose interessanti con questo, ad esempio
invece di ruotare un JPEG nel
browser puoi effettivamente leggere l’intestazione
e poi ti dice quale sia la rotazione
l’immagine è così così già
sappi che verrà mostrato il
modo giusto prima di spegnerlo e
2012 quando lavoravo per Yahoo
già giocato con quello che già lavoro
con quello su Flickr ed era giusto
incredibile che non ci abbiamo pensato
in mezzo perché Flickr per
esempio ha fatto quando ho caricato le immagini è
una cosa piuttosto interessante che hai trascinato
lì e lo mostri in un browser e
le foto mostrano immediatamente queste sono
come tutte le foto da 8 megabyte ed è stato
non una connessione veloce, quindi le foto mostrano
su rapidamente e poi smettono di iniziare
caricamento in background, quindi se noi
dai un’occhiata a questo ingrandito che puoi
vedi che l’immagine mostra e poi tu
ho la piccola cerchia lì
caricare l’immagine in background
e questo sta usando i dati exif nel
jpg stesso ogni jpg ha un po ‘
miniatura nel suo nel suo file così
puoi leggere i primi 50 byte e poi
visualizzalo come anteprima e poi
caricare il resto di così invece di
caricandolo e poi scaricarlo
gestore lo si carica come un lettore di file come
un flusso e visualizzalo mentre sei
in realtà mostrandolo e questo è un grande
modo di dare un’interfaccia alla tua fine
utente
sembra molto più interattivo di
solo per favore aspetta
ovviamente ci sono dati exif nel tuo
pagine pure se non vuoi dare
fuori ho creato a rimuovere photo datacom
che funziona su un telefono cellulare funziona
offline non ha alcun server
funziona solo in JavaScript nel tuo browser
dove puoi trascinare un’immagine e ottenere
tutto si sbarazza di tutti i dati exif e
ti dà l’immagine per il download così
nel caso in cui non vuoi ad esempio il tuo
geolocalizzazione nella tua immagine o non lo fai
vogliono le persone a sapere quale macchina fotografica è
è stato preso con è probabilmente una buona idea
fare questo genere di cose
la geolocalizzazione è anche visibile in più
dei file JPEG che fai oggigiorno
telecamere e posso dirti dove si trova il
l’immagine è stata presa e questo è stato
la rovina per alcune persone che vogliono
per molestare altre persone con
immagini di parti della loro anatomia e
poi li hanno effettivamente trovati perché
hanno capito dove sollevano qual è
bene ma dovresti esserne sicuro
che se non vuoi dare quei dati
là fuori assicurati che in realtà non lo sia
nel tuo file JPEG più così bene
cosa su un’interfaccia con le immagini è
per fornire invece il contenuto di riserva
di aspettare che l’immagine si carichi
potresti ad esempio dare un colore
sfondo che fa parte dell’immagine e
quindi viene sostituito quando l’ immagine ha
stato caricato un sacco di molti sistemi
usa che al giorno d’oggi già si confonde
la tecnica è grande
puoi vedere questo qui per esempio qui
fammi ricominciare da capo dove tu
vedere l’immagine sfocata e poi
diventando diviso questo è acceso
medium medium usa quello per esempio e
su media questo è il codice per questo e
questo è praticamente pazzo sai che lo è
come una figura con l’ abbronzatura in cui cade
lì e un JavaScript e un’immagine
media progressiva bla qualunque cosa io non faccia
sapere cosa sta succedendo lì e quale è
sembra buono ma questo non lo so
perché lo fanno in quel modo perché c’è
una tecnica CSS per fare la stessa cosa così
quello che fai è che prendi così tanto
immagine più piccola di quella come la
miniatura che è incorporata nel JPEG
e si scala fino in CSS con un
cento per cento della larghezza dell’auto
larghezza del contenitore e set di CSS
filtro sfocatura su di esso o un filtro sfocatura SVG
sopra e poi quando l’ immagine completa ha
stato caricato è sufficiente spegnere il filtro
e ti sbarazzi della piccola miniatura
immagine e in questo modo ottieni lo stesso
effetto senza dover saltare attraverso
gruppi di
10.000 linee di JavaScript ma sembra
bene dà dà l’ impressione
che sta succedendo qualcosa e tu
non puoi farlo non puoi fare niente di peggio
che fare in modo che le persone aspettino
alla gente non piace aspettare e soprattutto
non su un dispositivo mobile, quindi questo è un
ottimo modo di fare quel lavoro che puoi
contiamo anche i pixel nella tela che ho
accesso completo a ogni immagine in
browser al giorno d’oggi a cui non posso accedere
un’immagine su un altro dominio perché
c’è un problema di sicurezza lì dentro ma
se trascino e rilasciamo un’immagine per esempio
nel browser o ho l’immagine
già nello stesso dominio
Ottengo l’ accesso a livello di livello di pixel
alla stessa immagine quindi se lo faccio se
Lo metto sulla tela e leggo il
canvas state o canvas data è un an
oggetto con la larghezza e l’ altezza e
quindi è una matrice di quattro elementi
che è come l’RGB e l’a
valore di ciascuno dei pixel così per
esempio in questo caso qui ho questo
piccola cosa del testo c64 e conto solo
i pixel e lo dicono come diecimila
quattrocentosettantadue due neri così
quello è probabilmente il principale al centro
colore che voglio usare qui e te
può usare anche quello per determinare quali sono
i colori che ci sono ma lo fa
modi migliori per farlo, ma questo è un
bel modo o modo semplice di farlo e
questo è il codice in modo basta notare che verso il basso
rapidamente ora sono disponibili le diapositive
più tardi ci sono molti strumenti
che usano questo tipo di funzionalità come
bene c’è colore se idee quali utenti
essere utilizza i gradienti come sfondo
e trova il colore giusto per te e
ha anche una rivelazione pigra, quindi puoi farlo
caricali e dissolvili dall’immagine
dal colore all’immagine e così via
e così via e hai un ladro di colori
che è davvero carino come quello
ti permette, ad esempio, di fare clic
questa è una demo qui così non scatta sul
l’immagine trova il colore dominante e
trova la tavolozza anche per questo
è bello avere fondamentalmente un’immagine e
mostra roba CSS intorno ad esso che è il
tavolozza giusta e il giusto tipo di
colore secondo l’immagine e questo è
ancora una libreria JavaScript che puoi usare
per quello ora andiamo al
nitty-gritty di come quello che possiamo fare con
computer al giorno d’ oggi su immagini e questo
è dove mi sto eccitando molto
possiamo fare quale è per esempio
ridimensionamento intelligente dell’immagine in modo da avere a
la miniatura di quell’immagine sarebbe normalmente
essere come prendiamo
quell’immagine enorme e fallo 150
pixel ampi e ne hai pochi
pixel a sinistra che potrebbero essere una donna
e molti pixel blu sulla destra
che non abbiamo bisogno quindi di quello che facciamo
stiamo rilevando bene dove sarebbe
il modo normale di tagliare 150 150 in
c’è bello ma non è abbastanza buono
questo è molto meglio perché ciò che noi
è stato rilevato sul volto della donna
e poi lo abbiamo effettivamente centrato sul
dipingi sulla cosa e taglia il resto
e questo è il migliore perché noi
rilevalo nell’immagine il contorno di
quella persona e poi in realtà taglia solo
quello fuori così questo è qualcosa che
lo fai a mano in Photoshop o qualcosa del genere
ma le macchine possono fare abbastanza bene
al giorno d’oggi e rende molto di più
senso avere qualcosa di simile
visualizzato nel tuo sito Web quindi qualcosa
che è solo un pasticcio sfocato e
non sai cosa sta succedendo lì e
non vuoi cliccare su ogni
miniatura e per favore non ridimensionare mai
un’immagine per diventare un’anteprima dell’idea
di una miniatura è un’anteprima del
immagine sia nella dimensione del file che nella dimensione no
solo per dimensioni vedo così tante persone
download di immagini da 550 megabyte e
mostrale come 100 per cento e quando
fai clic su di essi, guarda è molto veloce
perché è già caricato sì 20
megabyte stanno scaricando il download sono
solo uno di guardare uno di loro c’è un
Librerie JavaScript chiamate smart crop
sedie che ti spiegano come fare queste
cose è un po ‘pesante sulla macchina
così su una macchina desktop bene su un cellulare
telefono per favore non eseguire questo tipo di
roba perché non è pensata per fare
che e non si vuole per friggere le uova su
la tua parte posteriore del telefono solo per avere un
pochi hanno una bella miniatura in modo da vedere dentro
questo caso lo vedi in questo caso
ha trovato i contorni dell’uomo e
poi il raccolto intorno e così via
ho trovato la giusta misura in modo che sia così
determina quali sono i contorni e
a seconda di quanto sono vicini a ciascuno
colore e tra loro lo ha capito
è la parte più importante di quell’immagine
c’è una società chiamata cloud in Airy
che stanno usando i nostri sistemi sotto il
cappa e pochi altri anche in Israele
lì sono davvero davvero irremovibili
adesso per parlarti delle loro cose
ma sono persone davvero adorabili
non era Israele pochi giorni fa e io
parlato con loro e quello che fanno è
darti la tua API URL come un’API REST
quindi puoi dire che il riposo è calmo narratore
e poi hai la tua immagine
immagine caricata e poi tu
dimmi ok , dammi un 16 per 9
il rapporto lo rende largo 640 pixel
il telefono JPEG così questo ora si realizza
ok, sono le sedici per nove e l’ho ritagliata
a sedici per nove e ne fece 640
pixel di larghezza dell’immagine che tu
caricato questo è un po ‘criptico ma
in realtà lo stanno rendendo molto di più
più facile per te avendo un SDK appropriato
e come puoi vedere quasi tutte le lingue
là fuori Ruby PHP Python o J’s Java
qualunque cosa e quello che consente
ridimensionamento intelligente delle immagini così quando
ora ridimensiona il browser che ti offre
l’immagine che utilizza il miglior spazio e
se siete sul lato destro è possibile
vedere che le immagini dell’immagine mostrano di più e
meno, ma mantieni le persone nel mezzo
di esso perché sono centrati sulla faccia così
in questo modo puoi automaticamente arte
indirizza le tue immagini senza dover
ritagliali a mano perché la macchina
l’algoritmo di apprendimento lo fa per te e
capisce che per te l’ immagine X è
un altro servizio che effettivamente lo fa
e stanno persino migliorando
non solo usando la rilevazione facciale che è
come la bocca del naso degli occhi ma sono anche loro
facendo una versione ad alto contrasto di
la tua immagine e in quel modo scopri il
parti più importanti quindi lo stesso qui
stanno facendo i contorni e l’ altezza
immagine e poi ritagliare il resto
non ha abbastanza contrasto e quello
funziona anche in questo modo, quindi?
informazioni che non sono nell’immagine questo
questo è fondamentalmente ciò che puoi fare
con l’immagine stessa, ma cosa succede se noi
voglio sapere che questo è un marchio di caffè
e questo è come o questo era come il
attuale presidente degli Stati Uniti
a loro immagine e noi non vogliamo avere
per sapere che apprendimento automatico e
intelligenza artificiale in soccorso
robot e computer sono lì per arare
attraverso dati e dati e granaglie e
gran quantità di dati senza annoiarsi e
questa è la cosa buona dei computer
questo è ciò che dovremmo li utilizzeremo per
così Facebook ha per esempio e io
automatizzato un addebito di testo questo è un
foto caricata da un mio amico
dice che l’ immagine può essere contenuta così là lì
vedi che in realtà è automatizzato
hai generato cane alt o all’aperto
la natura e puoi vederla in
testo alternativo sull’immagine stessa
anche qui e se ne sviluppi
strumenti di sviluppo qui in questo caso
Firefox come fanno a sapere che fare essi
sono come le persone nel seminterrato incatenate
a una scrivania che in realtà deve digitare
le cose in forse non lo so ma penso
il più delle volte usano i computer per
che non è più meccanico Turco
quella era la cosa in Amazon
fai questo genere di cose quindi c’è un
grande post sul codice di Facebook
blog che spiega come sono stati
farlo per anni e anni come tutti
le immagini che sono in Facebook hanno
stati analizzati sono stati classificati hanno
stato rilevato e sono stati segregati
o segmentato in diverse sezioni così
stai dicendo che dici “okay”
pecora
Ho un cane che ho l’uomo e poi tu
trova tutte le pecore, il cane e un uomo e
li distingui e in quel modo tu
averlo nel database se qualcosa
sembra un po ‘così probabilmente è un
pecore da dietro e lo fanno con
tutti i tipi di dati che hanno su
Immagini di Facebook già e ora finalmente
ci hanno dato l’accesso a quella pure
a livello di codice che possiamo usare
anche per le nostre implementazioni
non è che sono solo cattivi e
trova i nostri dati che stanno dando come
beh, che è abbastanza buono e Google
lo hai fatto su google foto
per un po ‘di tempo l’ ho dimostrato
l’altro giorno in Germania come le mie foto
Non scrivo nessun tedesco , non solo io
tipo inglese ma per esempio si può
clicca su selfie in google foto e
trova automaticamente le immagini
sono selfie senza che tu debba mai farlo
digitare che questo era un selfie quindi questo
è stato un successo davanti a un altro
conferenza ed è fondamentalmente me che cosa
aveva parlato di questo genere di cose e questo
trova anche posizioni per te, così dico
per esempio Tel Aviv e non lo fa nemmeno
non usa solo i dati JPEG di Tel
Aviv, ma questo è ad esempio Heathrow su
il mio modo sul volo per Tel Aviv così io
non so davvero come l’hanno fatto, ma
è la foto giusta e le immagini
di questi emoji e di questo genere di cose
sono tutti fatti a Tel Aviv come posso
quindi dì una caccia che è cane in tedesco
Non l’ho mai inserito, ma l’ho fatto
caricate le foto di cani e gatti per
qotsa per gatto rileva il cane della mia famiglia
come un gatto che è vero perché lui
si comporta come uno ma non so come
alcuni a volte non è buono io
le cose dette sono ma è piuttosto sorprendente
che hai tutte queste informazioni interessanti
lì dentro senza doverlo digitare così
i dati dietro quello è da basi di dati
che sono stati usati per anni e anni
per classificare e taggare le immagini c’è l’ immagine
per esempio, che è 14 milioni
immagini adesso
e quello a cui ti dà un database
confronta le tue immagini con e per trovare
trovare le giuste soluzioni per questo è un
gatto questo è un cane e così via e così via
buona fortuna Google appena rilasciata la scorsa settimana
il set di dati di immagini aperte e finita
9 milioni di URL di immagini che sono
attaccato e classificato per te così tu
può usare quel CSV è su github e con
i metadati che puoi scaricare e
gestiscilo contro il tuo apprendimento
servizi per capire quali sono le tue immagini
potrebbe avere in loro e questo ha per
esempio in questa immagine il balcone
scale facciata in ferro e così via ed è
non come se fosse un cucchiaio e
quello è e quello è un fork che ha un sacco di
informazioni in là ed è altamente
altamente dettagliato che si potrebbe quindi per
esempio esegue una traduzione
servizio per trovare come il cane danese o
il cane danese ben danese è come quelli
quelli grandi ma c’è una storia diversa
anche loro hanno eseguito questi tag
sopportare un compilatore di lingue e noi
fallo anche con alcuni dei nostri
servizi in modo che i sottotitoli di immagini siano aperti
flusso intensivo di provenienza e puoi utilizzare
questo e quello per cui lo usano principalmente
per il loro up per le foto di google ma
anche l’imminente un client di chat
che lo stanno facendo in questo caso loro
avere come didascalie umani dal
set di allenamento che è come un uomo che cavalca
lontano dalla cima di una tavola da surf e loro
automaticamente catturato si sta trovando
tre immagini diverse da quella così loro
prendi intere frasi da quel set di dati
piuttosto che avere un tag dicendo
surfare l’onda dell’uomo port che non è umano
leggibile e non bello e anche loro
quindi rilevare due rilevamenti di sintassi su
queste cose e trova i nomi e trova
gli attributi e mescolarli e abbinarli a
crea didascalie migliori per altre cose
in seguito e trovano anche poi prendere
insieme con i dati dell’immagine e per
esempio invece di dire come a
allenarsi con una Union Jack sul lato
dice come se fosse un treno blu e giallo
perché ha anche rilevato di nuovo quanti
i pixel sono blu e quanti sono gialli
e ci sono anche due orsi bruni
invece di solo due orsi e cosa loro
usarlo per è per una faccia inferiore se tu
carica un’immagine e ottieni questi
tag automatici che se non si desidera
scrivi qualcosa in te puoi semplicemente digitare quello
laggiù che è abbastanza bello ma trovo
è davvero bizzarro , non è vero?
significa alla fine che noi come esseri umani solo
diventare un mezzo di trasporto
servizio da due robot per parlare con ciascuno
altro perché preferirei che tu scrivessi
qualcosa in un errore di digitazione e farlo
umano che non darmi come Oh amico
risposta robot tipo di cosa sai che è
come se fosse davvero strano, ma gente
sembra essere troppo pigro per scriverlo così
vogliono quella fine abbiamo qualcosa
così come si chiama capitano bot
che sta usando tre dei nostri servizi in modo
tutti questi servizi sono disponibili
Tensorflow di Google su Facebook
si chiama Amazon ha alcune cose in
là i nostri sistemi lexer o pura Alexa
competenze e abbiamo Microsoft
servizi cognitivi che puoi giocare
con dove ottieni 5.000 visite al mese
e quindi puoi pagare più tardi
quindi questa è un’immagine di upload che puoi
provalo al caption bot sulle analisi AI
l’immagine e dice che penso che sia un
giovane uomo che salta in aria su un
skateboard e vedi che non lo facciamo
abbiamo skateboard uomo giovani siamo fondamentalmente
avere una frase intera perché l’abbiamo eseguita
attraverso uno strumento di analisi del linguaggio in
apprendimento automatico e per darti un
frase alla fine che ora rileva gli umani
è una cosa molto importante
uno dei nostri servizi lo fa per te
si rende conto che si tratta di un uomo di 28 anni a
uomo in acqua che nuota e dice anche
tu se scorri verso il basso e non ce l’hai
che è animato questa volta e io non ho
una vita qui ora trova anche il
colori per te e si rende conto se è un
foto scattante o se si tratta di contenuti per adulti
foto quindi prima di caricare, allora puoi
automaticamente farlo l’altro servizio
che abbiamo rilevato automaticamente
pornografia infantile nel caso in cui tu abbia un
sistema aperto che vuoi consentire
chiunque a caricare tutto ciò che non vuoi
quello per essere abusato dal più orribile
persone su Internet puoi farlo
è possibile eseguirlo tramite tale servizio
prima e bandiere e automaticamente
cancella le immagini che sono già state
riconosciuto come contenuto totalmente illegale
e in questo modo abbiamo proteggere sia la la la
persone che avevano queste foto scattate di
loro e voi dall’accusa perché noi
in realtà scopri chi sta caricando
loro per esempio la signora quaggiù
il bikini verrà contrassegnato come filante ma
non come adulto e questo lo scoprirà
treno e stazione ferroviaria e tutti i tipi di
cose è una città in cui la città è così
le immagini sono lì per trovare le informazioni
in, ma soprattutto una volta che rileviamo la faccia noi
anche cura
anche indovinare l’età e anche noi vi diamo
il genere una volta che abbiamo una faccia anche noi
dargli un ID nel tuo set di dati così tu
può provare che per te stesso per per
esempio di verifica o sistemi di registrazione
o scoprire se la stessa persona è dentro
due immagini diverse e poi
raggruppandoli automaticamente in
diverse cartelle abbiamo anche emozioni
rilevamento quindi rileviamo ad esempio quello
l’uomo qui è un po ‘felice ma
lui è anche quello che c’è c’è un po ‘
di paura né il bambino il bambino ha un po ‘di
paura ed è un po ‘neutrale
e un po ‘di sorpresa quindi la sua bocca è
aprire abbastanza tristemente non l’ho portato con
io normalmente e il nostro stand ho questo
demo dove devi mostrare tutto il
emozioni diverse e quindi puoi vincere
un premio che è praticamente inutile da provare
in Finlandia ma di volta in volta voi
è divertente vedere cosa pensano i nostri computer
emozioni diverse sono nel nostro diverso
gli stati di emozioni sono così da poter essere rilevati
i volti si ottiene il JPEG si ottiene il
rincorrere e questo è fondamentalmente giusto
un’API REST quindi puoi lanciare un’immagine
contro e scopri l’allievo rimasto
l’alunno giusto e l’età e che cosa
posa dell’animale domestico è come quale angolo di mettere il
guarda su così quando lo fai per esempio
accedi non lo fai solo con una faccia
si deve chiedere alla persona di cambiarlo
così puoi vedere che è una faccia 3d e non
qualcuno che mostra una tua foto a
accedi al tuo computer che puoi verificare
la faccia una volta che sappiamo che è quella
stessa persona no, ovviamente non è il
stessa persona in cui puoi raggrupparli
diversi cluster automaticamente così
questi sono uomini, queste sono donne
in-intermedia questi sono non so oggi
tipo di cose e la cosa bella è
che mettendo insieme tutto questo puoi
davvero potenziare le persone e non c’è dove
Voglio mostrarti un video veloce a
il mio collega ha fatto ed è così
abbastanza sorprendente così facciamo solo lavoro che
rapidamente insieme
Sono scossa Sachi Ho perso la vista quando io
Erano sette e poco dopo sono andato
a una scuola per non vedenti
ed è qui che è stato introdotto
stai parlando di computer e questo davvero
ha aperto un intero nuovo mondo di
opportunità ho aderito a Microsoft dieci
anni fa come ingegnere del software che amo
fare cose che migliorano le persone
vive e una delle cose che ho sempre
sognato da quando ero all’università era
questa idea di qualcosa che potrebbe dire
tu da un momento all’altro cosa sta succedendo in giro
tu penso che sia un uomo che salta in
aria facendo un trucco su uno skateboard
Ho collaborato con ingegneri dalla mentalità simile
creare un’app che ti permetta di sapere chi
e ciò che ti circonda è basato sulla parte superiore
delle API di Microsoft intelligence
il che rende molto facile farlo
il tipo di cose su cui viene eseguita l’app sono attive
smartphone ma anche sul pivotead
occhiali intelligenti quando stai parlando con a
gruppo più grande a volte puoi parlare e
parla e non c’è risposta e tu
pensiamo sia tutti in ascolto davvero bene
o sono mezzo addormentati e io mai
non ci vedo due facce di 40 anni l’uomo
con una barba che sembra sorpresa 20
donna di anni che sembra felice via può
descrivere l’ età e il genere generali di
le persone intorno a me e ciò che
le relazioni sono incredibili
le cose che sono più utili per il
app è la capacità di leggere il nostro testo ok
grazie, posso usare l’app sul mio telefono
fare una foto del menu ed è
mi guiderò su come prenderlo
foto corretta sposta la fotocamera in basso
giusto e lontano dal documento e
poi riconosceranno il testo leggendomi
i titoli vedo un’insalata di antipasti
panini
la pizza pascolava anni fa questo era
fantascienza Non ho mai pensato che sarebbe
essere qualcosa che potresti effettivamente fare
ma l’intelligenza artificiale sta migliorando
ad un ritmo sempre più veloce e sono davvero
entusiasta di vedere dove possiamo prendere
come ingegneri siamo sempre in piedi
le spalle di giganti che si ergono in cima
di quello che è successo prima e in questo caso
abbiamo preso anni di ricerca da
Ricerca Microsoft per tirarlo fuori
pensa che sia una ragazza a lanciare un
frisbee arancione nel parco per me è
di prendere quel sogno lontano e
costruendolo un passo alla volta penso
questo è solo l’inizio, quanto è bello
intendo che mi affascina solo
è come se fosse un ingegnere a cavalcare
questo e ho scritto mi sono seduto accanto a un cieco
Ingegnere PHP per anni è stato molto
più veloce di me in codice e io ero giusto
confuso su questo, ma è solo così
così tanto perspicace quando tu quando tu
effettivamente fare quel tipo di quel tipo di
atteggiamento e io quello che amo della macchina
l’apprendimento è che le persone con
le disabilità sono questi super umani
prova contro se noi se funziona per loro
allora funziona per noi ancora migliore e
questo è davvero un modo fantastico per me
state facendo accessibilità per anni e
anni e cercando di rendere le persone
capire che la disabilità non è il
fine delle cose ma in realtà è un
opportunità per tutti e con
idee di design inclusive e questo tipo di
pensando di avere una grande opportunità di
rendere le cose comprensibili per tutti
chi per esempio non vede o non lo è
in grado di capirlo o fare una foto
di qualcosa se hai visto per esempio
Google Traduttore su un telefono e il
app puoi solo scattare una foto che puoi
è possibile accendere la fotocamera e vedere a
segnale stradale e lo traduce in vita
per te dalla fotocamera e intendo come
friggin cool è che quando sei dentro
Russia e tu non sai quale sia il nome
di quella strada hai solo il
Nome inglese per esempio e questi
le cose sono tutte possibili perché abbiamo
queste enormi quantità di dati e ciò che io
amo anche questo esempio
sono tutti dati aperti, è come lui
usato le apri aperte da Microsoft lui
non ha avuto alcun accesso interno
gli ha dato un accesso extra o qualcosa del genere
perché non li abbiamo costruiti tristemente
abbastanza, ma ha appena costruito quello per
se stesso con sistemi aperti e
stiamo ora che andiamo lui non è il rilascio andando
su iphone penso prima e penso
questo è piuttosto sorprendente quando si confronta
agli altri servizi che sono fuori
lì ero solo ad un’accessibilità
conferenza dove c’era uno spot
società che mostra la stessa cosa, oh, abbiamo ottenuto
a abbiamo degli occhiali in grado di rilevare le persone
e ti dico quando sono nella stanza
ed era 4.500 euro per quegli occhiali
e quell’intera soluzione
può funzionare su qualsiasi smartphone in questo momento
e non hai bisogno di quelle lezioni extra
per ottenere la stessa funzionalità e questo è
quello che voglio che tu pensi a quando
arriva a questa macchina che apprende in immagini
roba che le api sono là fuori c’è
solo trilioni di foto che già abbiamo
indicizzato per te in modo incrociato tuo riferimento
possedere dati e rendere le tue immagini più
accessibile in quel modo e questo è tutto ciò che ho avuto
per ora quindi grazie mille
ho cercato l’altro discorso sfortuna è
anche io sarò qui più tardi
parlando di app Web progressive ma
Avevo fatto il pieno e gli organizzatori lo erano
abbastanza gentile da darmi alcol e uso
parole e cose ed è stato molto
efficace quindi ho iniziato a dire okay che posso
fai un altro discorso che sto per fare
un campo di pixel dopo quello in BA in
Portogallo e dare qualcosa di simile
c’è quindi è buona cosa da provare
su un pubblico reale quindi voglio parlare
oggi sul problema dell’immagine del web
e non l’immagine del web ma le immagini
sul web e come possiamo risolverli
problemi con l’ apprendimento automatico e anche
con solo strumenti a cui pensiamo
costa fin troppe cose sul web
che non stiamo ottimizzando in questo momento e
il problema è che siamo seduti
queste meravigliose macchine con il grasso
connessioni e mettiamo le cose sul web
e pensiamo che sia bello e la nostra fine
gli utenti praticamente stanno lì su un cellulare
telefono con una cosa rotante e vedere
il loro traffico di dati nel
sfondo andando lì e una banca
conto andando giù e si chiedono
cosa sta succedendo quindi sono Chris Hillman a
codice poeta su Twitter in caso di necessità
più foto di gattini e ricci
e alcune cose di JavaScript anche io
sono piuttosto attivi là sono io
guardando i telefoni cellulari e l’essere
infastidito dallo stato del web
telefoni cellulari alcuni anni fa e
per fortuna ho avuto un risultato molto migliore
lavoro per Microsoft su cose open source
come il motore JavaScript Visual Studio
codice e anche un lipide in una macchina
apprendimento, ma io sono più di un fanboy della
squadra di apprendimento automatico e aiutarli a
parlare con gli umani e gli umani per lavorare
imparare le persone è un po ‘come
traduzione per programmatori ad altri
gente che è un’altra abilità che tu
dovrei tornare indietro nel tempo un po ‘
sappiamo tutti questo diritto personaggio se si
so che sono in verde allora probabilmente lo hai
un fratello maggiore perché non sei mai stato
permesso di giocare a Mario devi sempre
Suona Luigi e cosa c’è di divertente in questo
personaggio e su cui ero solito fare giochi
Commodore 64 e colore gameboy e un
Amiga più tardi pensiamo sempre
questa limitazione è perché questo è
com’è, ma c’è senso e senso
e significato in tutte le cose che sono
su Mario prima di tutto il rosso e
il blu offriva il miglior contrasto con il
pelle
nello sfondo del gioco è così che loro
non li ha messi insieme perché loro
erano i colori che erano rimasti su di loro
mettili li dentro così puoi vedere il
carattere tutto il tempo al giorno d’oggi quando
le persone vanno per nostalgia di pixel loro
non capisco che allora tu
mai visto un pixel siamo saltati sopra
all’indietro per essere certo di vedere
pixel perché era televisori male che
ho fumato tutto insieme così hai ottenuto
per assicurarti di avere il contrasto
tra i diversi colori da realizzare
sicuro che il tuo personaggio di gioco sia visibile
il tappo significava che non c’era bisogno di preoccuparsi
su sopracciglia stile capelli o una fronte
in realtà originariamente Mario non lo era
supposto essere un blocco un idraulico loro
avevo solo bisogno di renderlo un idraulico
perché non avevano abbastanza pixel
per i capelli quando è caduto in un buco così
gli hanno appena regalato un berretto e poi gli sono piaciuti
okay, chi ha l’elettricista?
ho ottenuto questi sprites di pipa così come noi
potrebbe anche usare quelli e il grande
il naso ei baffi lo hanno reso possibile
per evitare la bocca e le espressioni facciali
perché non ne avevi abbastanza
pixel per diverse espressioni facciali
ed è per questo che è stato costruito il mario
lui per cosa è stato progettato ed è stato
ottimo perché è stato progettato da
Limitazioni Ho sempre amato essere
creativo in ambienti che sono
limitato e questo è finito e indietro allora
abbiamo combattuto per ogni pixel combattuto per
ogni pezzo di informazione per ogni
byte ma questo è finito perché al giorno d’oggi
abbiamo queste enormi macchine veloci
connessioni abbiamo quad-core
computer nelle nostre tasche e noi
proprio non capisco che la gente sulla
l’altro lato del pianeta potrebbe non esserlo
in grado di vedere che così tutto ha
ragioni e significato in quel design che
abbiamo fatto allora, mentre al giorno d’oggi
l’evoluzione sta accadendo intorno a noi
allontanandosi dalle macchine desktop in
computer portatili e ora in realtà su dispositivi mobili
telefona al prossimo milione di utenti del web
non sarà in nessun giorno desktop o portatile
sarà sui dispositivi mobili e la ragione
è infrastruttura nei paesi in cui
c’è crescita su internet come
Africa Indonesia Bangladesh India persone
non hanno appartamenti dove un computer
potrebbe essere istituito persone non possono permettersi un
Le persone MacBook Pro possono permettersi un cellulare
telefono e una connessione dati non c’è
anche i cavi nel terreno per ottenere
connettività ma ci sono maschere mobili
ovunque così saranno tutti
dispositivi mobili quindi è quello che dobbiamo
pensare per il prossimo futuro o
attualmente proprio qui è dove il
la prossima crescita sarà e la prossima crescita
dopo di che
nemmeno avere una UX più che lo farà
solo essere chatbot e sistemi che le persone
può parlare con così tecnologia avanzata e
i pixel sono un prodotto secondario del nostro
interazioni con il web
la maggior parte delle persone non disegna cose sul web
o fare grafica o semplicemente prendere
le foto e le carica e loro no
anche didascaliali non lo fanno nemmeno
spiegare che cosa è l’ immagine
lasciano solo che le immagini parlino
stesso che, naturalmente, è incredibilmente
deprimente se sei una persona cieca e
ottieni queste foto senza nessuna
testo alternativo non sai cosa sia
andando avanti o ti piace una persona anziana come
io e tu cerchi di capire cosa
Snapchat potrebbe riguardare te proprio come me
non hai più piani su cosa sta succedendo
qui queste sono le persone che inviano i selfie a
l’un l’altro per le ultime due ore cosa c’è
il significato di questo, ma okay sono vecchio
fanculo
il problema è che fotografiamo e
carichiamo le foto e non ottimizzato
immagini più grandi e più grandi sono, meglio è
Intendo alcuni dei telefoni del telefono
Ho è come una fotocamera da 20 megapixel in
questo è come un 8 fare foto che io
basta caricare in background perché il mio
piano dati in Inghilterra è abbastanza buono per
fallo non me ne importa e se tu
guarda il sito web medio e questo è
in realtà piuttosto vecchio questo è probabilmente
più grande adesso possiamo dare un’occhiata a
più tardi se vuoi il suo 2.2 Meg
per un sito web questo non è un web o web
pagina questo non è il sito che non è il
l’intero sito è la prima cosa che carica
che le persone vedono sullo schermo ed è così
2,2 megabyte per dire ciao e
benvenuto nel nostro sito
e questo è lo stato in cui ci troviamo
adesso perché abbiamo continuato a spingere le cose
sul web hai bisogno di queste 12 librerie
hai bisogno di questi 15 framework JavaScript
e tu carichi le immagini perché sono
bella e su iPad iPad in retina loro
Ho bisogno di un ago II e ho un bell’aspetto
tutti gli altri dovrebbero ottenere lo stesso
immagine quindi è 1,4 meg di immagini in
quello in media sul web medio
la pagina là fuori lo chiamo ispiratore
l’obesità abbiamo solo messo le cose lì dentro
perché li vediamo piuttosto sul nostro
dispositivi di fascia alta ma i nostri utenti finali no
per forza ottenerli sono solo
stando lì e ricevendo il carico
filatore per cinque minuti che non è un
buona esperienza 1,4 megabyte di immagini
principalmente a causa di formati di file errati
le persone salvano le immagini come PNG con alfa
canale che non ha bisogno di alcun alfa
canale e sarebbe felicemente un jpeg o
dove P se hai un browser quello
supporta web P o ti piace il testo
salvato come JPEG ed è illeggibile per te
conoscere
senza tutti gli artefatti su di esso solo
mi fa impazzire che non lo facciamo
capire quale formato usare per quale
immagine perché la maggior parte del tempo persone che
caricare le immagini sono programmatori di manutenzione
non sono sviluppatori che non sono
i designer sono persone che usano solo a
trascinamento della selezione del sistema di gestione dei contenuti
in te sai quando sei stato il tuo
libero professionista e chiedi a un cliente il logo
e ottieni un documento word o un embed
per il logo e basta
tornare alla coltivazione di capre e solo io no
voglio vivere più
stiamo offrendo alta risoluzione ad alta risoluzione
immagini a tutti noi ne prendiamo un sei
mille pixel dell’immagine e renderlo strappato
e pixel wide ho visto così tanti
volte è anche abbastanza divertente e persone
chiedo quando i browser sono lenti no
passaggi di ottimizzazione automatica delle conversioni
abbiamo tutto ciò che la tecnologia che abbiamo appena
non usarlo, abbiamo solo un upload
struttura e anche in WordPress ti dice
posso caricare solo due megabyte e allora
il buon amministratore di WordPress si gira
spenta e dì come puoi caricare
qualunque cosa tu voglia e poi le persone hanno
Immagini da 20 megabyte nella loro immagine di eroe
invece del contenuto del testo è molto
importante web design ultimamente è solo
questa cosa enorme e do la colpa media
sai come invece di cavalcare
articolo hai questa enorme immagine
prima che scorri effettivamente ti piace cosa
volevi dirmi che questa immagine è
voi non è che abbiamo bisogno di cambiare la situazione a
riattiva il web perché a
la connettività è il nostro più grande nuovo ostacolo
è come per noi qui su Wireless questo
sezione incredibilmente buona per wireless per
una conferenza ma la maggior parte del tempo che sei
in te sei da qualche parte e il tuo
la connettività potrebbe essere buona ma la prossima
in secondo luogo potrebbe essere andato potrebbe essere un
connettività a una connessione Wi-Fi
ti mostra oh sono Wi-Fi e poi tu
non riesco a collegarlo a meno che non glielo dai
dettagli della carta di credito che hai primogenito
sangue e come il tuo indirizzo di casa o
qualcosa di simile o talvolta
fiducia che non può nemmeno collegato, anche se
ti dà le barre complete che si chiama
vita io il web è molto più grande del nostro
piccolo mondo di sviluppatori e crescita
succede al di fuori di esso se vuoi
pensa ai prossimi anni del
web e vuoi mantenere il tuo lavoro
pensa a quei mercati che non lo fai
pensaci adesso perché è così
dove la crescita accade ovunque sia
in declino le persone in realtà non lo fanno
scarica nuove app che la gente non usa
web tanto quanto erano soliti fare il grande
i vincitori sono persone che rimangono dentro
Servizi Google all’interno dei servizi di Facebook
dentro essere no e dentro Facebook
servizi servizi di Google e, naturalmente
nei sistemi di chat come cosa
una di queste soluzioni che Google e
l’opera per esempio è davvero brava a farlo
servizi cloud e browser proxy così
quelli effettivamente usati per esempio molto in
L’Africa e l’ India si spogliano automaticamente
giù le tue immagini e automaticamente
convertili in qualcosa di veramente pixale
e brutto perché è meglio se qualcuno
ottiene una brutta foto, quindi nessuna immagine
tutto se ti fidi anche di un’immagine
i tuoi contenuti e anche loro vengono smontati
il tuo CSS e il tuo JavaScript se il tuo
javascript richiede più di 1,2 secondi
per funzionare su un vecchio dispositivo Android allora
in realtà prende il tuo javascript quindi se
ti sei affidato al tuo javascript per il tuo
pagina per caricare non sei fortunato lì
la gente non vedrà nulla se non pochi
cose che possiamo fare ci sono alcune cose che
può fare invece di fare affidamento su questi proxy
i browser e sperano che Google risolva
tutto per noi quindi i problemi con
le immagini sono immagini enormi per tutti e
immagini ottimizzate senza contenuti alternativi
nessuna formazione o incentivo per aggiungere contenuti
nei sistemi di gestione dei contenuti e qui
il nostro arsenale per aggiustare che sto facendo un po ‘
più veloce perché ha detto che devo fare Q & A
e roba così ma sei intelligente così è
tutti i migliori browser con reattività
il supporto dell’immagine sono qui adesso e noi
non devi preoccuparti di questi anziani
i browser più automatizzati senza perdita di dati
livello di file degli strumenti di ottimizzazione delle immagini
accesso alle immagini per estrarre i metadati
soluzioni di scripting per offrire alternative
macchina di servizi di contenuto e cloud
API di apprendimento per il ridimensionamento intelligente
e li esaminerò poco a poco
un po ‘di apprendimento automatico per l’etichettatura
così i browser con l’immagine reattiva
Supporta il design reattivo che non dovrebbe
essere sconosciuto alle persone più è
solo una cosa sensata da fare perché io
avere questo e lo guardo così io
trasformalo in quel modo, quindi passo a questo
uno ed io passiamo alla mia Xbox nel mio frigo
al mio cane al mio gatto dovunque
internet gira su al giorno d’oggi non c’è
dimensione dello schermo più non c’è niente
oh abbiamo bisogno di mille 24 pixel è come
l’acqua la metti da qualche parte in esso
riempia il più possibile e va bene così
media query noi siamo la prima idea che
abbiamo avuto con quello in CSS e anche in
JavaScript con media di corrispondenza
il problema è con le query multimediali
gradi quindi se hai effettivamente un CSS
file con le tue immagini di grandi dimensioni in esso tuo
Immagini metà e le vostre piccole immagini della
il browser li carica tutti e mostra solo
quello che è appropriato ma
i dati sullo sfondo vengono ancora utilizzati
e se sei su un piano dati misurato
è una cattiva idea
è per questo che abbiamo inventato la foto
elemento e sorgente set salsa che è venuto
dalla foto di Apple è venuto
persone che hanno appena guardato il video
elemento e detto come perché non abbiamo
un elemento dell’immagine perché in questo
si definisce l’ immagine in diversi diversi
formati e varie dimensioni e il
il browser carica solo quello che effettivamente
si applica e non tocca gli altri
in questo modo non hai alcun problema
le immagini che vengono caricate sono il supporto
grande questo è di nuovo superato è in forma
aggiornato ora penso che Safari sia adesso
la versione più recente posso usare dot-com è
sempre tuo amico se vuoi provare
qualcosa di nuovo da digitare in là essere
felice e iniziare a usarlo non farlo
si lamenta che tutti i browser potrebbero morire
perché devono morire alla grande
informazioni su Jake Archibald bloccano il
anatomia di immagini reattive dove lui
spiega cosa hanno detto tutte queste fonti
scorciatoie significano e che tutto il
l’informazione riguarda ma in sostanza la maggior parte
dei sistemi là fuori già utilizzati a
WordPress ora lo usa fuori dalla scatola se
tu metti solo un’immagine lì dentro
l’ elemento dell’immagine per te c’è anche
una grande demo live su didi alle nostre finestre
sito sviluppatore e quello ti mostra
uno scenario del mondo reale che cosa sembra
come se la pittura fosse stata dipinta
da uno dei nostri colleghi di
sua moglie e mostra che ti piace solo così
carica l’immagine necessaria per
quella dimensione nel formato giusto invece di
scaricare un sacco e molti dati nel
sfondo e poi ridimensionandolo
di conseguenza e puoi giocare
con quello abbastanza grazioso da fare o avere un
ora anche il corretto rapporto testo / immagine
hai strumenti automatizzati per lossless
l’ ottimizzazione delle immagini è molto importante
perso l’ ottimizzazione dell’immagine che fai
i tuoi stilisti sono davvero infelici perché
ci metti come artefatti o ottieni
invece di 12 colori
come 256 non è divertente farlo
ottimizzazione senza perdita un sacco di volte
è un algoritmo di imballaggio che non lo fa
cambiare per guardare e sentire, ma va avanti
il livello di byte dell’immagine e strisce
fuori i byte non sono necessari e
non necessario causa contenuti Photoshop e
altri editor di immagini mettono molti dati
nel file stesso che non è necessario
imageoptim è il grande lì se tu
non usarlo ancora, per favore usalo e basta
è disponibile anche come modulo NPM
anche metterlo nelle vostre soluzioni di nodo e
quello ti permette solo di trascinare le immagini
in esso e automaticamente Optima
le immagini secondo quello che è così a
gif viene ottimizzato con un ottimizzatore
JPEG con un altro BMP se lo usi
il web vengo e ti ferisco e quando
anche un altro consiglio per le immagini
sottosampionato in un formato che rende molto
più senso ed è facile come questo basta
trascinalo lì ed è tutto
sostituendo l’ immagine originale non lo è
fare una nuova immagine che non hai
per copiare o qualcosa solo
cambia tutte le cose lì dentro che sono
non necessario e in questo caso per esempio
abbiamo ottenuto 44 44% di vittoria su un JPEG e questo è
tanto semplice quanto è prima di mettere il
le immagini sul web la gestiscono attraverso a
sistema come quello e tutti vincono
ora abbiamo accesso a livello di file a
informazioni e immagini che abbiamo sempre avuto
che in cose come la magia dell’immagine o GD
libreria in PHP ma ora ce l’abbiamo
JavaScript così possiamo usare l’exif
dati nell’immagine stessa quando tu
fare clic con il pulsante destro del mouse su Windows e
mostra i dati exif dove è stato fatto
puoi accedervi in JavaScript e farlo
cose interessanti con questo, ad esempio
invece di ruotare un JPEG nel
browser puoi effettivamente leggere l’intestazione
e poi ti dice quale sia la rotazione
l’immagine è così così già
sappi che verrà mostrato il
modo giusto prima di spegnerlo e
2012 quando lavoravo per Yahoo
già giocato con quello che già lavoro
con quello su Flickr ed era giusto
incredibile che non ci abbiamo pensato
in mezzo perché Flickr per
esempio ha fatto quando ho caricato le immagini è
una cosa piuttosto interessante che hai trascinato
lì e lo mostri in un browser e
le foto mostrano immediatamente queste sono
come tutte le foto da 8 megabyte ed è stato
non una connessione veloce, quindi le foto mostrano
su rapidamente e poi smettono di iniziare
caricamento in background, quindi se noi
dai un’occhiata a questo ingrandito che puoi
vedi che l’immagine mostra e poi tu
ho la piccola cerchia lì
caricare l’immagine in background
e questo sta usando i dati exif nel
jpg stesso ogni jpg ha un po ‘
miniatura nel suo nel suo file così
puoi leggere i primi 50 byte e poi
visualizzalo come anteprima e poi
caricare il resto di così invece di
caricandolo e poi scaricarlo
gestore lo si carica come un lettore di file come
un flusso e visualizzalo mentre sei
in realtà mostrandolo e questo è un grande
modo di dare un’interfaccia alla tua fine
utente
sembra molto più interattivo di
solo per favore aspetta
ovviamente ci sono dati exif nel tuo
pagine pure se non vuoi dare
fuori ho creato a rimuovere photo datacom
che funziona su un telefono cellulare funziona
offline non ha alcun server
funziona solo in JavaScript nel tuo browser
dove puoi trascinare un’immagine e ottenere
tutto si sbarazza di tutti i dati exif e
ti dà l’immagine per il download così
nel caso in cui non vuoi ad esempio il tuo
geolocalizzazione nella tua immagine o non lo fai
vogliono le persone a sapere quale macchina fotografica è
è stato preso con è probabilmente una buona idea
fare questo genere di cose
la geolocalizzazione è anche visibile in più
dei file JPEG che fai oggigiorno
telecamere e posso dirti dove si trova il
l’immagine è stata presa e questo è stato
la rovina per alcune persone che vogliono
per molestare altre persone con
immagini di parti della loro anatomia e
poi li hanno effettivamente trovati perché
hanno capito dove sollevano qual è
bene ma dovresti esserne sicuro
che se non vuoi dare quei dati
là fuori assicurati che in realtà non lo sia
nel tuo file JPEG più così bene
cosa su un’interfaccia con le immagini è
per fornire invece il contenuto di riserva
di aspettare che l’immagine si carichi
potresti ad esempio dare un colore
sfondo che fa parte dell’immagine e
quindi viene sostituito quando l’ immagine ha
stato caricato un sacco di molti sistemi
usa che al giorno d’oggi già si confonde
la tecnica è grande
puoi vedere questo qui per esempio qui
fammi ricominciare da capo dove tu
vedere l’immagine sfocata e poi
diventando diviso questo è acceso
medium medium usa quello per esempio e
su media questo è il codice per questo e
questo è praticamente pazzo sai che lo è
come una figura con l’ abbronzatura in cui cade
lì e un JavaScript e un’immagine
media progressiva bla qualunque cosa io non faccia
sapere cosa sta succedendo lì e quale è
sembra buono ma questo non lo so
perché lo fanno in quel modo perché c’è
una tecnica CSS per fare la stessa cosa così
quello che fai è che prendi così tanto
immagine più piccola di quella come la
miniatura che è incorporata nel JPEG
e si scala fino in CSS con un
cento per cento della larghezza dell’auto
larghezza del contenitore e set di CSS
filtro sfocatura su di esso o un filtro sfocatura SVG
sopra e poi quando l’ immagine completa ha
stato caricato è sufficiente spegnere il filtro
e ti sbarazzi della piccola miniatura
immagine e in questo modo ottieni lo stesso
effetto senza dover saltare attraverso
gruppi di
10.000 linee di JavaScript ma sembra
bene dà dà l’ impressione
che sta succedendo qualcosa e tu
non puoi farlo non puoi fare niente di peggio
che fare in modo che le persone aspettino
alla gente non piace aspettare e soprattutto
non su un dispositivo mobile, quindi questo è un
ottimo modo di fare quel lavoro che puoi
contiamo anche i pixel nella tela che ho
accesso completo a ogni immagine in
browser al giorno d’oggi a cui non posso accedere
un’immagine su un altro dominio perché
c’è un problema di sicurezza lì dentro ma
se trascino e rilasciamo un’immagine per esempio
nel browser o ho l’immagine
già nello stesso dominio
Ottengo l’ accesso a livello di livello di pixel
alla stessa immagine quindi se lo faccio se
Lo metto sulla tela e leggo il
canvas state o canvas data è un an
oggetto con la larghezza e l’ altezza e
quindi è una matrice di quattro elementi
che è come l’RGB e l’a
valore di ciascuno dei pixel così per
esempio in questo caso qui ho questo
piccola cosa del testo c64 e conto solo
i pixel e lo dicono come diecimila
quattrocentosettantadue due neri così
quello è probabilmente il principale al centro
colore che voglio usare qui e te
può usare anche quello per determinare quali sono
i colori che ci sono ma lo fa
modi migliori per farlo, ma questo è un
bel modo o modo semplice di farlo e
questo è il codice in modo basta notare che verso il basso
rapidamente ora sono disponibili le diapositive
più tardi ci sono molti strumenti
che usano questo tipo di funzionalità come
bene c’è colore se idee quali utenti
essere utilizza i gradienti come sfondo
e trova il colore giusto per te e
ha anche una rivelazione pigra, quindi puoi farlo
caricali e dissolvili dall’immagine
dal colore all’immagine e così via
e così via e hai un ladro di colori
che è davvero carino come quello
ti permette, ad esempio, di fare clic
questa è una demo qui così non scatta sul
l’immagine trova il colore dominante e
trova la tavolozza anche per questo
è bello avere fondamentalmente un’immagine e
mostra roba CSS intorno ad esso che è il
tavolozza giusta e il giusto tipo di
colore secondo l’immagine e questo è
ancora una libreria JavaScript che puoi usare
per quello ora andiamo al
nitty-gritty di come quello che possiamo fare con
computer al giorno d’ oggi su immagini e questo
è dove mi sto eccitando molto
possiamo fare quale è per esempio
ridimensionamento intelligente dell’immagine in modo da avere a
la miniatura di quell’immagine sarebbe normalmente
essere come prendiamo
quell’immagine enorme e fallo 150
pixel ampi e ne hai pochi
pixel a sinistra che potrebbero essere una donna
e molti pixel blu sulla destra
che non abbiamo bisogno quindi di quello che facciamo
stiamo rilevando bene dove sarebbe
il modo normale di tagliare 150 150 in
c’è bello ma non è abbastanza buono
questo è molto meglio perché ciò che noi
è stato rilevato sul volto della donna
e poi lo abbiamo effettivamente centrato sul
dipingi sulla cosa e taglia il resto
e questo è il migliore perché noi
rilevalo nell’immagine il contorno di
quella persona e poi in realtà taglia solo
quello fuori così questo è qualcosa che
lo fai a mano in Photoshop o qualcosa del genere
ma le macchine possono fare abbastanza bene
al giorno d’oggi e rende molto di più
senso avere qualcosa di simile
visualizzato nel tuo sito Web quindi qualcosa
che è solo un pasticcio sfocato e
non sai cosa sta succedendo lì e
non vuoi cliccare su ogni
miniatura e per favore non ridimensionare mai
un’immagine per diventare un’anteprima dell’idea
di una miniatura è un’anteprima del
immagine sia nella dimensione del file che nella dimensione no
solo per dimensioni vedo così tante persone
download di immagini da 550 megabyte e
mostrale come 100 per cento e quando
fai clic su di essi, guarda è molto veloce
perché è già caricato sì 20
megabyte stanno scaricando il download sono
solo uno di guardare uno di loro c’è un
Librerie JavaScript chiamate smart crop
sedie che ti spiegano come fare queste
cose è un po ‘pesante sulla macchina
così su una macchina desktop bene su un cellulare
telefono per favore non eseguire questo tipo di
roba perché non è pensata per fare
che e non si vuole per friggere le uova su
la tua parte posteriore del telefono solo per avere un
pochi hanno una bella miniatura in modo da vedere dentro
questo caso lo vedi in questo caso
ha trovato i contorni dell’uomo e
poi il raccolto intorno e così via
ho trovato la giusta misura in modo che sia così
determina quali sono i contorni e
a seconda di quanto sono vicini a ciascuno
colore e tra loro lo ha capito
è la parte più importante di quell’immagine
c’è una società chiamata cloud in Airy
che stanno usando i nostri sistemi sotto il
cappa e pochi altri anche in Israele
lì sono davvero davvero irremovibili
adesso per parlarti delle loro cose
ma sono persone davvero adorabili
non era Israele pochi giorni fa e io
parlato con loro e quello che fanno è
darti la tua API URL come un’API REST
quindi puoi dire che il riposo è calmo narratore
e poi hai la tua immagine
immagine caricata e poi tu
dimmi ok , dammi un 16 per 9
il rapporto lo rende largo 640 pixel
il telefono JPEG così questo ora si realizza
ok, sono le sedici per nove e l’ho ritagliata
a sedici per nove e ne fece 640
pixel di larghezza dell’immagine che tu
caricato questo è un po ‘criptico ma
in realtà lo stanno rendendo molto di più
più facile per te avendo un SDK appropriato
e come puoi vedere quasi tutte le lingue
là fuori Ruby PHP Python o J’s Java
qualunque cosa e quello che consente
ridimensionamento intelligente delle immagini così quando
ora ridimensiona il browser che ti offre
l’immagine che utilizza il miglior spazio e
se siete sul lato destro è possibile
vedere che le immagini dell’immagine mostrano di più e
meno, ma mantieni le persone nel mezzo
di esso perché sono centrati sulla faccia così
in questo modo puoi automaticamente arte
indirizza le tue immagini senza dover
ritagliali a mano perché la macchina
l’algoritmo di apprendimento lo fa per te e
capisce che per te l’ immagine X è
un altro servizio che effettivamente lo fa
e stanno persino migliorando
non solo usando la rilevazione facciale che è
come la bocca del naso degli occhi ma sono anche loro
facendo una versione ad alto contrasto di
la tua immagine e in quel modo scopri il
parti più importanti quindi lo stesso qui
stanno facendo i contorni e l’ altezza
immagine e poi ritagliare il resto
non ha abbastanza contrasto e quello
funziona anche in questo modo, quindi?
informazioni che non sono nell’immagine questo
questo è fondamentalmente ciò che puoi fare
con l’immagine stessa, ma cosa succede se noi
voglio sapere che questo è un marchio di caffè
e questo è come o questo era come il
attuale presidente degli Stati Uniti
a loro immagine e noi non vogliamo avere
per sapere che apprendimento automatico e
intelligenza artificiale in soccorso
robot e computer sono lì per arare
attraverso dati e dati e granaglie e
gran quantità di dati senza annoiarsi e
questa è la cosa buona dei computer
questo è ciò che dovremmo li utilizzeremo per
così Facebook ha per esempio e io
automatizzato un addebito di testo questo è un
foto caricata da un mio amico
dice che l’ immagine può essere contenuta così là lì
vedi che in realtà è automatizzato
hai generato cane alt o all’aperto
la natura e puoi vederla in
testo alternativo sull’immagine stessa
anche qui e se ne sviluppi
strumenti di sviluppo qui in questo caso
Firefox come fanno a sapere che fare essi
sono come le persone nel seminterrato incatenate
a una scrivania che in realtà deve digitare
le cose in forse non lo so ma penso
il più delle volte usano i computer per
che non è più meccanico Turco
quella era la cosa in Amazon
fai questo genere di cose quindi c’è un
grande post sul codice di Facebook
blog che spiega come sono stati
farlo per anni e anni come tutti
le immagini che sono in Facebook hanno
stati analizzati sono stati classificati hanno
stato rilevato e sono stati segregati
o segmentato in diverse sezioni così
stai dicendo che dici “okay”
pecora
Ho un cane che ho l’uomo e poi tu
trova tutte le pecore, il cane e un uomo e
li distingui e in quel modo tu
averlo nel database se qualcosa
sembra un po ‘così probabilmente è un
pecore da dietro e lo fanno con
tutti i tipi di dati che hanno su
Immagini di Facebook già e ora finalmente
ci hanno dato l’accesso a quella pure
a livello di codice che possiamo usare
anche per le nostre implementazioni
non è che sono solo cattivi e
trova i nostri dati che stanno dando come
beh, che è abbastanza buono e Google
lo hai fatto su google foto
per un po ‘di tempo l’ ho dimostrato
l’altro giorno in Germania come le mie foto
Non scrivo nessun tedesco , non solo io
tipo inglese ma per esempio si può
clicca su selfie in google foto e
trova automaticamente le immagini
sono selfie senza che tu debba mai farlo
digitare che questo era un selfie quindi questo
è stato un successo davanti a un altro
conferenza ed è fondamentalmente me che cosa
aveva parlato di questo genere di cose e questo
trova anche posizioni per te, così dico
per esempio Tel Aviv e non lo fa nemmeno
non usa solo i dati JPEG di Tel
Aviv, ma questo è ad esempio Heathrow su
il mio modo sul volo per Tel Aviv così io
non so davvero come l’hanno fatto, ma
è la foto giusta e le immagini
di questi emoji e di questo genere di cose
sono tutti fatti a Tel Aviv come posso
quindi dì una caccia che è cane in tedesco
Non l’ho mai inserito, ma l’ho fatto
caricate le foto di cani e gatti per
qotsa per gatto rileva il cane della mia famiglia
come un gatto che è vero perché lui
si comporta come uno ma non so come
alcuni a volte non è buono io
le cose dette sono ma è piuttosto sorprendente
che hai tutte queste informazioni interessanti
lì dentro senza doverlo digitare così
i dati dietro quello è da basi di dati
che sono stati usati per anni e anni
per classificare e taggare le immagini c’è l’ immagine
per esempio, che è 14 milioni
immagini adesso
e quello a cui ti dà un database
confronta le tue immagini con e per trovare
trovare le giuste soluzioni per questo è un
gatto questo è un cane e così via e così via
buona fortuna Google appena rilasciata la scorsa settimana
il set di dati di immagini aperte e finita
9 milioni di URL di immagini che sono
attaccato e classificato per te così tu
può usare quel CSV è su github e con
i metadati che puoi scaricare e
gestiscilo contro il tuo apprendimento
servizi per capire quali sono le tue immagini
potrebbe avere in loro e questo ha per
esempio in questa immagine il balcone
scale facciata in ferro e così via ed è
non come se fosse un cucchiaio e
quello è e quello è un fork che ha un sacco di
informazioni in là ed è altamente
altamente dettagliato che si potrebbe quindi per
esempio esegue una traduzione
servizio per trovare come il cane danese o
il cane danese ben danese è come quelli
quelli grandi ma c’è una storia diversa
anche loro hanno eseguito questi tag
sopportare un compilatore di lingue e noi
fallo anche con alcuni dei nostri
servizi in modo che i sottotitoli di immagini siano aperti
flusso intensivo di provenienza e puoi utilizzare
questo e quello per cui lo usano principalmente
per il loro up per le foto di google ma
anche l’imminente un client di chat
che lo stanno facendo in questo caso loro
avere come didascalie umani dal
set di allenamento che è come un uomo che cavalca
lontano dalla cima di una tavola da surf e loro
automaticamente catturato si sta trovando
tre immagini diverse da quella così loro
prendi intere frasi da quel set di dati
piuttosto che avere un tag dicendo
surfare l’onda dell’uomo port che non è umano
leggibile e non bello e anche loro
quindi rilevare due rilevamenti di sintassi su
queste cose e trova i nomi e trova
gli attributi e mescolarli e abbinarli a
crea didascalie migliori per altre cose
in seguito e trovano anche poi prendere
insieme con i dati dell’immagine e per
esempio invece di dire come a
allenarsi con una Union Jack sul lato
dice come se fosse un treno blu e giallo
perché ha anche rilevato di nuovo quanti
i pixel sono blu e quanti sono gialli
e ci sono anche due orsi bruni
invece di solo due orsi e cosa loro
usarlo per è per una faccia inferiore se tu
carica un’immagine e ottieni questi
tag automatici che se non si desidera
scrivi qualcosa in te puoi semplicemente digitare quello
laggiù che è abbastanza bello ma trovo
è davvero bizzarro , non è vero?
significa alla fine che noi come esseri umani solo
diventare un mezzo di trasporto
servizio da due robot per parlare con ciascuno
altro perché preferirei che tu scrivessi
qualcosa in un errore di digitazione e farlo
umano che non darmi come Oh amico
risposta robot tipo di cosa sai che è
come se fosse davvero strano, ma gente
sembra essere troppo pigro per scriverlo così
vogliono quella fine abbiamo qualcosa
così come si chiama capitano bot
che sta usando tre dei nostri servizi in modo
tutti questi servizi sono disponibili
Tensorflow di Google su Facebook
si chiama Amazon ha alcune cose in
là i nostri sistemi lexer o pura Alexa
competenze e abbiamo Microsoft
servizi cognitivi che puoi giocare
con dove ottieni 5.000 visite al mese
e quindi puoi pagare più tardi
quindi questa è un’immagine di upload che puoi
provalo al caption bot sulle analisi AI
l’immagine e dice che penso che sia un
giovane uomo che salta in aria su un
skateboard e vedi che non lo facciamo
abbiamo skateboard uomo giovani siamo fondamentalmente
avere una frase intera perché l’abbiamo eseguita
attraverso uno strumento di analisi del linguaggio in
apprendimento automatico e per darti un
frase alla fine che ora rileva gli umani
è una cosa molto importante
uno dei nostri servizi lo fa per te
si rende conto che si tratta di un uomo di 28 anni a
uomo in acqua che nuota e dice anche
tu se scorri verso il basso e non ce l’hai
che è animato questa volta e io non ho
una vita qui ora trova anche il
colori per te e si rende conto se è un
foto scattante o se si tratta di contenuti per adulti
foto quindi prima di caricare, allora puoi
automaticamente farlo l’altro servizio
che abbiamo rilevato automaticamente
pornografia infantile nel caso in cui tu abbia un
sistema aperto che vuoi consentire
chiunque a caricare tutto ciò che non vuoi
quello per essere abusato dal più orribile
persone su Internet puoi farlo
è possibile eseguirlo tramite tale servizio
prima e bandiere e automaticamente
cancella le immagini che sono già state
riconosciuto come contenuto totalmente illegale
e in questo modo abbiamo proteggere sia la la la
persone che avevano queste foto scattate di
loro e voi dall’accusa perché noi
in realtà scopri chi sta caricando
loro per esempio la signora quaggiù
il bikini verrà contrassegnato come filante ma
non come adulto e questo lo scoprirà
treno e stazione ferroviaria e tutti i tipi di
cose è una città in cui la città è così
le immagini sono lì per trovare le informazioni
in, ma soprattutto una volta che rileviamo la faccia noi
anche cura
anche indovinare l’età e anche noi vi diamo
il genere una volta che abbiamo una faccia anche noi
dargli un ID nel tuo set di dati così tu
può provare che per te stesso per per
esempio di verifica o sistemi di registrazione
o scoprire se la stessa persona è dentro
due immagini diverse e poi
raggruppandoli automaticamente in
diverse cartelle abbiamo anche emozioni
rilevamento quindi rileviamo ad esempio quello
l’uomo qui è un po ‘felice ma
lui è anche quello che c’è c’è un po ‘
di paura né il bambino il bambino ha un po ‘di
paura ed è un po ‘neutrale
e un po ‘di sorpresa quindi la sua bocca è
aprire abbastanza tristemente non l’ho portato con
io normalmente e il nostro stand ho questo
demo dove devi mostrare tutto il
emozioni diverse e quindi puoi vincere
un premio che è praticamente inutile da provare
in Finlandia ma di volta in volta voi
è divertente vedere cosa pensano i nostri computer
emozioni diverse sono nel nostro diverso
gli stati di emozioni sono così da poter essere rilevati
i volti si ottiene il JPEG si ottiene il
rincorrere e questo è fondamentalmente giusto
un’API REST quindi puoi lanciare un’immagine
contro e scopri l’allievo rimasto
l’alunno giusto e l’età e che cosa
posa dell’animale domestico è come quale angolo di mettere il
guarda su così quando lo fai per esempio
accedi non lo fai solo con una faccia
si deve chiedere alla persona di cambiarlo
così puoi vedere che è una faccia 3d e non
qualcuno che mostra una tua foto a
accedi al tuo computer che puoi verificare
la faccia una volta che sappiamo che è quella
stessa persona no, ovviamente non è il
stessa persona in cui puoi raggrupparli
diversi cluster automaticamente così
questi sono uomini, queste sono donne
in-intermedia questi sono non so oggi
tipo di cose e la cosa bella è
che mettendo insieme tutto questo puoi
davvero potenziare le persone e non c’è dove
Voglio mostrarti un video veloce a
il mio collega ha fatto ed è così
abbastanza sorprendente così facciamo solo lavoro che
rapidamente insieme
Sono scossa Sachi Ho perso la vista quando io
Erano sette e poco dopo sono andato
a una scuola per non vedenti
ed è qui che è stato introdotto
stai parlando di computer e questo davvero
ha aperto un intero nuovo mondo di
opportunità ho aderito a Microsoft dieci
anni fa come ingegnere del software che amo
fare cose che migliorano le persone
vive e una delle cose che ho sempre
sognato da quando ero all’università era
questa idea di qualcosa che potrebbe dire
tu da un momento all’altro cosa sta succedendo in giro
tu penso che sia un uomo che salta in
aria facendo un trucco su uno skateboard
Ho collaborato con ingegneri dalla mentalità simile
creare un’app che ti permetta di sapere chi
e ciò che ti circonda è basato sulla parte superiore
delle API di Microsoft intelligence
il che rende molto facile farlo
il tipo di cose su cui viene eseguita l’app sono attive
smartphone ma anche sul pivotead
occhiali intelligenti quando stai parlando con a
gruppo più grande a volte puoi parlare e
parla e non c’è risposta e tu
pensiamo sia tutti in ascolto davvero bene
o sono mezzo addormentati e io mai
non ci vedo due facce di 40 anni l’uomo
con una barba che sembra sorpresa 20
donna di anni che sembra felice via può
descrivere l’ età e il genere generali di
le persone intorno a me e ciò che
le relazioni sono incredibili
le cose che sono più utili per il
app è la capacità di leggere il nostro testo ok
grazie, posso usare l’app sul mio telefono
fare una foto del menu ed è
mi guiderò su come prenderlo
foto corretta sposta la fotocamera in basso
giusto e lontano dal documento e
poi riconosceranno il testo leggendomi
i titoli vedo un’insalata di antipasti
panini
la pizza pascolava anni fa questo era
fantascienza Non ho mai pensato che sarebbe
essere qualcosa che potresti effettivamente fare
ma l’intelligenza artificiale sta migliorando
ad un ritmo sempre più veloce e sono davvero
entusiasta di vedere dove possiamo prendere
come ingegneri siamo sempre in piedi
le spalle di giganti che si ergono in cima
di quello che è successo prima e in questo caso
abbiamo preso anni di ricerca da
Ricerca Microsoft per tirarlo fuori
pensa che sia una ragazza a lanciare un
frisbee arancione nel parco per me è
di prendere quel sogno lontano e
costruendolo un passo alla volta penso
questo è solo l’inizio, quanto è bello
intendo che mi affascina solo
è come se fosse un ingegnere a cavalcare
questo e ho scritto mi sono seduto accanto a un cieco
Ingegnere PHP per anni è stato molto
più veloce di me in codice e io ero giusto
confuso su questo, ma è solo così
così tanto perspicace quando tu quando tu
effettivamente fare quel tipo di quel tipo di
atteggiamento e io quello che amo della macchina
l’apprendimento è che le persone con
le disabilità sono questi super umani
prova contro se noi se funziona per loro
allora funziona per noi ancora migliore e
questo è davvero un modo fantastico per me
state facendo accessibilità per anni e
anni e cercando di rendere le persone
capire che la disabilità non è il
fine delle cose ma in realtà è un
opportunità per tutti e con
idee di design inclusive e questo tipo di
pensando di avere una grande opportunità di
rendere le cose comprensibili per tutti
chi per esempio non vede o non lo è
in grado di capirlo o fare una foto
di qualcosa se hai visto per esempio
Google Traduttore su un telefono e il
app puoi solo scattare una foto che puoi
è possibile accendere la fotocamera e vedere a
segnale stradale e lo traduce in vita
per te dalla fotocamera e intendo come
friggin cool è che quando sei dentro
Russia e tu non sai quale sia il nome
di quella strada hai solo il
Nome inglese per esempio e questi
le cose sono tutte possibili perché abbiamo
queste enormi quantità di dati e ciò che io
amo anche questo esempio
sono tutti dati aperti, è come lui
usato le apri aperte da Microsoft lui
non ha avuto alcun accesso interno
gli ha dato un accesso extra o qualcosa del genere
perché non li abbiamo costruiti tristemente
abbastanza, ma ha appena costruito quello per
se stesso con sistemi aperti e
stiamo ora che andiamo lui non è il rilascio andando
su iphone penso prima e penso
questo è piuttosto sorprendente quando si confronta
agli altri servizi che sono fuori
lì ero solo ad un’accessibilità
conferenza dove c’era uno spot
società che mostra la stessa cosa, oh, abbiamo ottenuto
a abbiamo degli occhiali in grado di rilevare le persone
e ti dico quando sono nella stanza
ed era 4.500 euro per quegli occhiali
e quell’intera soluzione
può funzionare su qualsiasi smartphone in questo momento
e non hai bisogno di quelle lezioni extra
per ottenere la stessa funzionalità e questo è
quello che voglio che tu pensi a quando
arriva a questa macchina che apprende in immagini
roba che le api sono là fuori c’è
solo trilioni di foto che già abbiamo
indicizzato per te in modo incrociato tuo riferimento
possedere dati e rendere le tue immagini più
accessibile in quel modo e questo è tutto ciò che ho avuto
per ora quindi grazie mille
Please follow and like us: