The CSS of this button is nothing out of the ordinary:

--

Generated Media specializes in creating artificial faces. To do this, it uses a technology called generative adversarial networks (GANs), which pit two warring neural networks against each other. In Generated Media’s case, as the networks duke it out, one network (called the generative network) gets better and better at generating artificial faces. GANs technology is so good that it can produce fake faces that easily fool humans into thinking they’re real. The company made a splash in a recent New York Times article about the tech behind fake faces.

A computer might make the same mistake, too. To test how similar my A.I. doppelgänger and I look, I compared our faces using a face comparison API from Face++, a ubiquitous provider of facial recognition software. Face++ returned a “normal probability” that my face matched my A.I. clone’s and estimated with 64% certainty that we were the same person.

Do we look exactly the same? No. For one thing, I would never wear my hair like that. But we look close enough that contacts beyond my close friends and family might mistake the fake for me — especially if I used the fake on a social media site like Twitter, where profile photos are a scant 49x49 pixels.

In my testing, I found that the more recognizable a face is, the harder it becomes to find a convincing fake. To test this, I uploaded a photo of Donald Trump to the Anonymizer. The results looked totally different from his actual appearance. For better or worse, I’ve almost certainly seen more photos of Trump’s face over the past four years than I’ve seen of my own. When you compare an extremely familiar real face like Trump’s with a fake, the little flaws in the fake are glaringly obvious. For less familiar faces, they’re easier to overlook, and the fake appears more convincing.

In a similar use case, the company has worked with investigative journalists, using a related tool to create fake faces for sources who wish to remain anonymous. The fake face can give a journalist (and their readers) a sense of the source’s age, skin color, hair length, and other key elements of their appearance, while ensuring that their real identity remains protected. (Journalists who use this tactic to protect their sources should acknowledge in their story that the face is a fake and is being used to protect a sensitive identity.) Clearview AI downloads millions of images from news articles and social media sites, so including fake faces in sensitive articles is a good way to prevent Clearview from indexing a source’s face and linking it back to a sensitive article.

GANs can also perform this feat on a massive scale. Generated Media is less than a year old and has already created more than 2 million fake faces. The faces represent people of every possible age and appearance. They look completely real, but the people they depict don’t actually exist and never have. Generated Media licenses them as stock photos on its website Generated.Photos and uses them as training data to reduce bias in other A.I. systems.

https://www.iglooconsulting.com.au/rug/t-v-e1.html
https://www.iglooconsulting.com.au/rug/t-v-e2.html
https://www.iglooconsulting.com.au/rug/t-v-e3.html
https://www.iglooconsulting.com.au/rug/t-v-e4.html
https://bojotogo.com/smc/t-v-i1.html
https://bojotogo.com/smc/t-v-i2.html
https://bojotogo.com/smc/t-v-i3.html
https://bojotogo.com/smc/t-v-i4.html
https://www.seattleaudubon.org/rte/t-v-i1.html
https://www.seattleaudubon.org/rte/t-v-i2.html
https://www.seattleaudubon.org/rte/t-v-i3.html
https://www.seattleaudubon.org/rte/t-v-i4.html
https://bojotogo.com/smc/t-v-f1.html
https://bojotogo.com/smc/t-v-f2.html
https://bojotogo.com/smc/t-v-f3.html
https://bojotogo.com/smc/t-v-f4.html
https://www.seattleaudubon.org/rte/t-v-f1.html
https://www.seattleaudubon.org/rte/t-v-f2.html
https://www.seattleaudubon.org/rte/t-v-f3.html
https://www.seattleaudubon.org/rte/t-v-f4.html
https://bojotogo.com/smc/t-v-g1.html
https://bojotogo.com/smc/t-v-g2.html
https://bojotogo.com/smc/t-v-g3.html
https://www.seattleaudubon.org/rte/t-v-g1.html
https://www.seattleaudubon.org/rte/t-v-g2.html
https://www.seattleaudubon.org/rte/t-v-g3.html
https://bojotogo.com/smc/t-v-h1.html
https://bojotogo.com/smc/t-v-h2.html
https://bojotogo.com/smc/t-v-h3.html
https://www.seattleaudubon.org/rte/t-v-h1.html
https://www.seattleaudubon.org/rte/t-v-h2.html
https://www.seattleaudubon.org/rte/t-v-h3.html
https://bojotogo.com/smc/a-v-c1.html
https://bojotogo.com/smc/a-v-c2.html
https://bojotogo.com/smc/a-v-c3.html
https://bojotogo.com/smc/a-v-c4.html
https://bojotogo.com/smc/a-v-c5.html
https://bojotogo.com/smc/a-v-c6.html
https://bojotogo.com/smc/a-v-c7.html
https://bojotogo.com/smc/a-v-c8.html
https://bojotogo.com/smc/a-v-c9.html
https://bojotogo.com/smc/a-v-d1.html
https://bojotogo.com/smc/a-v-d2.html
https://www.seattleaudubon.org/rte/a-v-c1.html
https://www.seattleaudubon.org/rte/a-v-c2.html
https://www.seattleaudubon.org/rte/a-v-c4.html
https://www.seattleaudubon.org/rte/a-v-c5.html
https://www.iglooconsulting.com.au/rug/a-v-a1.html
https://www.iglooconsulting.com.au/rug/a-v-a2.html
https://www.iglooconsulting.com.au/rug/a-v-a3.html
https://www.iglooconsulting.com.au/rug/a-v-a4.html
https://bojotogo.com/smc/h-v-c1.html
https://bojotogo.com/smc/h-v-c2.html
https://bojotogo.com/smc/h-v-c3.html
https://bojotogo.com/smc/h-v-c4.html
https://bojotogo.com/smc/h-v-c5.html
https://bojotogo.com/smc/h-v-c6.html
https://bojotogo.com/smc/h-v-c7.html
https://bojotogo.com/smc/h-v-ma1.html
https://bojotogo.com/smc/h-v-ma2.html
https://bojotogo.com/smc/h-v-ma3.html
https://bojotogo.com/smc/h-v-mm1.html
https://bojotogo.com/smc/h-v-mm2.html
https://www.seattleaudubon.org/rte/h-v-c1.html
https://www.seattleaudubon.org/rte/h-v-c2.html
https://www.seattleaudubon.org/rte/h-v-c3.html
https://www.seattleaudubon.org/rte/h-v-c4.html
https://www.seattleaudubon.org/rte/h-v-c5.html
https://www.seattleaudubon.org/rte/h-v-c6.html
https://www.seattleaudubon.org/rte/h-v-c7.html
https://www.seattleaudubon.org/rte/h-v-ma1.html
https://www.seattleaudubon.org/rte/h-v-ma2.html
https://www.seattleaudubon.org/rte/h-v-ma3.html
https://www.seattleaudubon.org/rte/h-v-mm1.html
https://www.seattleaudubon.org/rte/h-v-mm2.html
https://www.iglooconsulting.com.au/rug/h-v-d1.html
https://www.iglooconsulting.com.au/rug/h-v-d2.html
https://www.iglooconsulting.com.au/rug/h-v-d3.html
https://www.iglooconsulting.com.au/rug/h-v-d4.html
https://www.iglooconsulting.com.au/rug/h-v-d5.html
https://www.iglooconsulting.com.au/rug/h-v-d6.html
https://www.iglooconsulting.com.au/rug/h-v-d7.html
https://www.iglooconsulting.com.au/rug/h-v-d8.html
https://www.iglooconsulting.com.au/rug/h-v-d9.html
https://www.seattleaudubon.org/rte/mi-v-a1.html
https://www.seattleaudubon.org/rte/mi-v-a10.html
https://www.seattleaudubon.org/rte/mi-v-a2.html
https://www.seattleaudubon.org/rte/mi-v-a3.html
https://www.seattleaudubon.org/rte/mi-v-a4.html
https://www.seattleaudubon.org/rte/mi-v-a5.html
https://www.seattleaudubon.org/rte/mi-v-a6.html
https://www.seattleaudubon.org/rte/mi-v-a7.html
https://www.seattleaudubon.org/rte/mi-v-a8.html
https://www.seattleaudubon.org/rte/mi-v-a9.html
https://bojotogo.com/smc/mi-v-a1.html
https://bojotogo.com/smc/mi-v-a10.html
https://bojotogo.com/smc/mi-v-a2.html
https://bojotogo.com/smc/mi-v-a3.html
https://bojotogo.com/smc/mi-v-a4.html
https://bojotogo.com/smc/mi-v-a5.html
https://bojotogo.com/smc/mi-v-a6.html
https://bojotogo.com/smc/mi-v-a7.html
https://bojotogo.com/smc/mi-v-a8.html
https://bojotogo.com/smc/mi-v-a9.html
https://www.iglooconsulting.com.au/rug/s-v-b1.html
https://www.iglooconsulting.com.au/rug/s-v-b2.html
https://www.iglooconsulting.com.au/rug/s-v-b3.html
https://www.iglooconsulting.com.au/rug/s-v-b4.html
https://www.iglooconsulting.com.au/rug/s-v-b5.html
https://www.iglooconsulting.com.au/rug/s-v-b6.html
https://bojotogo.com/smc/g-v-w1.html
https://bojotogo.com/smc/g-v-w2.html
https://bojotogo.com/smc/g-v-w3.html
https://bojotogo.com/smc/g-v-w4.html
https://bojotogo.com/smc/g-v-w5.html
https://www.iglooconsulting.com.au/rug/g-v-w1.html
https://www.iglooconsulting.com.au/rug/g-v-w2.html
https://www.iglooconsulting.com.au/rug/g-v-w3.html
https://www.iglooconsulting.com.au/rug/g-v-w4.html
https://www.iglooconsulting.com.au/rug/g-v-w5.html
https://bojotogo.com/smc/t-v-i5.html
https://www.iglooconsulting.com.au/rug/mi-v-a1.html
https://www.iglooconsulting.com.au/rug/mi-v-a10.html
https://www.iglooconsulting.com.au/rug/mi-v-a2.html
https://www.iglooconsulting.com.au/rug/mi-v-a3.html
https://www.iglooconsulting.com.au/rug/mi-v-a4.html
https://www.iglooconsulting.com.au/rug/mi-v-a5.html
https://www.iglooconsulting.com.au/rug/mi-v-a6.html
https://www.iglooconsulting.com.au/rug/mi-v-a7.html
https://www.iglooconsulting.com.au/rug/mi-v-a8.html
https://www.iglooconsulting.com.au/rug/mi-v-a9.html
https://www.iglooconsulting.com.au/rug/h-v-a1.html
https://www.iglooconsulting.com.au/rug/h-v-a2.html
https://www.iglooconsulting.com.au/rug/h-v-a3.html
https://www.iglooconsulting.com.au/rug/h-v-a4.html
https://www.iglooconsulting.com.au/rug/h-v-a5.html
https://www.iglooconsulting.com.au/rug/h-v-a6.html
https://www.iglooconsulting.com.au/rug/h-v-a7.html
https://www.iglooconsulting.com.au/rug/h-v-a8.html
https://www.iglooconsulting.com.au/rug/h-v-a9.html
https://bojotogo.com/smc/h-v-a1.html
https://bojotogo.com/smc/h-v-a2.html
https://bojotogo.com/smc/h-v-a3.html
https://bojotogo.com/smc/h-v-a4.html
https://bojotogo.com/smc/h-v-a5.html
https://bojotogo.com/smc/h-v-a6.html
https://bojotogo.com/smc/h-v-a7.html
https://bojotogo.com/smc/h-v-a8.html
https://bojotogo.com/smc/h-v-a9.html
https://bojotogo.com/smc/h-v-b1.html
https://bojotogo.com/smc/h-v-b2.html
https://bojotogo.com/smc/h-v-b3.html
https://bojotogo.com/smc/h-v-b4.html
https://bojotogo.com/smc/h-v-b5.html
https://bojotogo.com/smc/h-v-b6.html
https://www.seattleaudubon.org/rte/h-v-a1.html
https://www.seattleaudubon.org/rte/h-v-a2.html
https://www.seattleaudubon.org/rte/h-v-a3.html
https://www.seattleaudubon.org/rte/h-v-a4.html
https://www.seattleaudubon.org/rte/h-v-a5.html
https://www.seattleaudubon.org/rte/h-v-a6.html
https://www.seattleaudubon.org/rte/h-v-a7.html
https://www.seattleaudubon.org/rte/h-v-a8.html
https://www.seattleaudubon.org/rte/h-v-a9.html
https://www.seattleaudubon.org/rte/h-v-b1.html
https://www.seattleaudubon.org/rte/h-v-b2.html
https://www.seattleaudubon.org/rte/h-v-b3.html
https://www.seattleaudubon.org/rte/h-v-b4.html
https://www.seattleaudubon.org/rte/h-v-b5.html
https://www.seattleaudubon.org/rte/h-v-b6.html

In an interview, Tyler Lastovich, head of strategy for Generated Media, told me that the company built the Anonymizer after he was “personally approached on LinkedIn by someone using a Generated photo as their avatar” and after the company saw “many, many more [of its photos used as profile images] on Twitter.” Others have attempted to create tools that use A.I. to obscure the identities of protestors and activists online by subtly altering their profile photos. But Clearview told the New York Times that these tools do not work to trick its systems. A totally fake photo like the ones created by Generated Media would likely be a safer solution.

This suggests another use case for the system. The Anonymizer’s killer app may not necessarily be creating face clones that your contacts will believe are actually you. Rather, the system may be best for situations where you want to give a sense of your appearance to a person you’ve never met before, while keeping your actual appearance anonymous.

With its massive database of images, Generated Media is now turning its attention to consumers. With a tool launched today called Anonymizer, the company allows you to upload a real photo of your face and receive a variety of fake faces that look similar to your own. You can then use the fakes instead of your real face on social media or anywhere else that you need to post a photo on the public internet. The fake photos are free for personal use and come with an option to use a transparent background.

The fake photos, Generated Media says, should look enough like you that contacts will find them believable. But because they’re not actually you, if Clearview or another facial recognition company adds your fake face to its database, it won’t be able to use the fake face to find the real you. Generated Media says users can swap out their photos for new fakes “at least every day” for an extra measure of anonymity.

Now to the fun part of the CSS: the background gradient. There’s two CSS elements at play here: the linear-gradient(), which is responsible for the background colors, and the keyframes, which handle the animation to make it appear to shift over time.

Here we are side by side. Because the fake face had a transparent background, I was able to superimpose it over a photo I took at the same fancy pizza place where my real photo was taken.

Here is the CSS I added to my button and the button’s :hover state as well to make this happen. Note the comment // button css here this is where the button’s original CSS is, I just omitted it from this screenshot for ease of seeing the additional code.

Dating profiles, Generated Media says, are a prime example. If you’re creating an online dating profile, you can grab a fake image from Generated Media’s Anonymizer and use it in place of your real face. The image would give a good sense of your appearance — if you met someone special and later chose to reveal your real face, they hopefully wouldn’t feel catfished. But until you chose to reveal the real you, the fake face would prevent the cyberstalkers who frequent dating sites from knowing your exact appearance and targeting you IRL.
Generated Media’s Anonymizer presented me with a grid of about 20 look-alikes, with the option to view more. I scrolled through and chose a fake face that looked the most similar to my own.
That’s not perfect, but it’s not bad for a fake face imagined by a computer, and results should improve over time. The Anonymizer works by analyzing a user’s face and finding the closest match from within Generated Media’s existing database of fake faces. As the company generates more fake faces, the chances of finding a highly believable match will increase.

--

--

No responses yet