How to Run Multiple Instances of Google Drive on Windows for Free

Many people have multiple Google Drive accounts – say, for work and personal use – but Google doesn’t let you run two instances of Google Backup and Sync app on a single PC. Therefore, users have been paying for third-party apps just to sync multiple Google Drive accounts simultaneously.

How To Get The Most Out Of Google Drive

.no-js #ref-block-post-13561 .ref-block__thumbnail { background-image: url(“http://media02.hongkiat.com/thumbs/250×160/getting-the-most-out-of-google-drive.jpg”); }

How To Get The Most Out Of Google Drive

In the recent year you have been showered with free cloud storage anyone can use to store files…Read more

However, in my view, paying for a feature that should have been offered by Google years ago (like Dropbox) doesn’t feel right. And so, after many experiments, I have managed to come up with simple solutions that allow you to sync multiple accounts simultaneously without using a third-party app. Let’s get straight to it.

Use different user account

You just need to create another user account in Windows and open another instance of Google Drive desktop app under the new account’s privileges.

Windows allows you to open another instance of most apps in the same account as long as it’s opened under the privilege of a different user account.

Below I’ll show you how to create a new user account and then open another instance of Google Drive and syncs data.

For demonstration, I’ll be using Windows 10. If you are on Windows 7 or 8, then follow these instructions on Microsoft support page instead. Make sure you create an administrator account so you may have full access to the data.

  1. Go to Windows Settings from the Start Menu and click on Accounts.
  2. Now select Family & other people from the left panel and click on Add someone else to this PC under Other people.
  3. add new useradd new user
  4. Another window will open up where you click on I don’t have this person’s sign-in information.
  5. I don't have this person's sign-in informationI don't have this person's sign-in information
  6. Afterward, click on Add a user without a Microsoft account.
  7. Add a user without a Microsoft accountAdd a user without a Microsoft account
  8. On the next page, provide username and password for the new account and click Next to create the account.
  9. provide username and passwordprovide username and password
  10. To set this account as administrator, click on Change account type below the created account.
  11. Change account typeChange account type
  12. Now select Administrator in the Account type drop-down menu and click OK.
  13. select account typeselect account type

Run another instance of Google Drive desktop app

If Google Drive isn’t open already, then launch it and sign in with your primary account. You can only open another instance of Google Drive from the Google Drive execute file in the file explorer. Either manually access it from the Program files, or right-click on the Google Drive Start menu shortcut and select Open file location in More option. Afterward, follow the below instructions.

  1. Hold the Shift key and right-click on the Google Drive app shortcut.
  2. You’ll see a new option in context menu named Run as different user, click on it.
  3. Run as different userRun as different user
  4. Now enter the username and password of the new user account you created and click OK.
  5. enter the username and passwordenter the username and password

Another instance of Google Drive app will open up and you’ll see its icon in the taskbar.

another Google Drive app runninganother Google Drive app running

Set up sync on secondary Google Drive app

As this instance of Google Drive app is opened under a different user account, things may seem a bit different. Let me guide you through the sync process:

  1. Open the second instance of the app and sign in using the secondary Google account that you want to sync.
  2. sign in using the secondary Google accountsign in using the secondary Google account
  3. Now click on CHOOSE FOLDER and you’ll be able to select a folder from the PC that you want to sync.
  4. CHOOSE FOLDERCHOOSE FOLDER
  5. If you want to access data of your primary account, then go to Users in Windows drive and open your primary user account. When prompted, click on Continue.
  6. access data of your primary accountaccess data of your primary account
  7. Just provide the password/pin for the primary account and you’ll be able to access its data.
  8. primary account data accessedprimary account data accessed

Once you have selected the folders you want to sync, click on Next and finish up the syncing process.

finish up the syncing processfinish up the syncing process

Your data in the secondary Google Drive account will be saved in a separate Google Drive folder listed in the new user account’s folder. And anything you add in the synced folders will automatically sync.

Google account syncingGoogle account syncing

You can repeat the above process to sync as many Google Drive accounts as you like.

Important note: Make sure you go through the above setup process when you launch the second instance of Google Drive app. For some reason, Windows won’t allow you to set it up from the same user account in the future (more on it below).

Drawbacks

By now, both of your Google Drive accounts will be running and your data will be synced. However, there are few limitations that you should be aware of:

  • You can’t open or manage preferences of the secondary Google Drive app from the primary user account. Nothing happens when you left or right click on it (the primary account works fine). If you want to change your preferences in the future, you’ll have to sign out and log in to the secondary user account and tweak Google Drive settings from there.
  • You’ll have to manually launch the secondary Google Drive app every time you’ll restart your PC.
  • If you want to quit the secondary Google Drive App, you’ll have to do it from the Task Manager (Ctrl + Shift + Esc).

Concluding thoughts

So with this little setup, you can use as many Google Drive accounts on your PC as you like without spending a single penny or using a third-party app. If we look at the drawbacks, they are very minor and won’t limit your usage in any way.

If you manage to find a way to make this process even smoother, do share with everyone else in the comments below.

12 Chrome Extensions to Get The Best Out of Google Drive

.no-js #ref-block-post-28972 .ref-block__thumbnail { background-image: url(“http://media02.hongkiat.com/thumbs/250×160/chrome-extensions-for-productivity.jpg”); }

12 Chrome Extensions to Get The Best Out of Google Drive

No doubt, Google Drive is an amazing synchronized cloud storage service that allows you to safely store and…Read more

Source: http://www.hongkiat.com/blog/multiple-instances-google-drive-free/

Advertisements

Free Profile GUI PSDs for Social Networking Sites

Freebie PSDs are the norm amongst web designers. We love to share and the community is built around helping designers improve their workflow with pre-made graphics.

There’s no need to reinvent the wheel in design, so it makes sense to use free kits for big projects such as iOS app GUIs.

But, what about customizing social networking profiles? Well, thanks to the team at Every Interaction you can use these free profile GUIs to create custom page designs before launching live.

Social profile PSD freebiesSocial profile PSD freebies

I’m blown away at how many profiles are covered in this pack. Naturally, it has the defaults for Facebook and Twitter, since these offer the most customization. But, the set also includes YouTube channel pages and a LinkedIn company page template.

All four of these networks let the user customize their avatar and profile banner on the page. With PSDs, you can test your banners before putting them live to see if they really match your page’s branding.

And, each PSD specifies how big you need to make the banners for uploading to that particular network.

This is one of the biggest pains for social media managers trying to keep up with all the latest changes. Twitter and Facebook are notorious for changing their banner sizes every couple years (or months!)

Thankfully, this pack is fully up-to-date and it’s one of the most complete packs you’ll find on the web.

Free social profilesFree social profiles

Also, this set does include Sketch files too, so you can download the profile GUIs for either Photoshop or Sketch. Super convenient for designers who have made the switch away from Adobe’s software.

You’ll also find a few iOS mobile GUI kits on this page, too. They’re great for app designers but you can find a lot of these out the wild.

The real stars of this page are the custom social profile GUIs with fully-editable designs. Each one is pixel perfect and easy to use with clear layer names and organized avatar/banner sizes.

To get a copy for yourself, visit the Every Interaction resources page and download whatever you like!

40 Free Web Page Templates in Photoshop PSD

.no-js #ref-block-post-9075 .ref-block__thumbnail { background-image: url(“http://media02.hongkiat.com/thumbs/250×160/really-beautiful-psd-web-templates.jpg”); }

40 Free Web Page Templates in Photoshop PSD

Time is money, and this is especially true for web designers who can earn more if they’re able…Read more

Source: http://www.hongkiat.com/blog/social-networking-profile-psds/

20 Best Wireless Charging Pads for iPhone 8 and iPhone X So Far

Wireless charging was one of the headline features of the new iPhone devices in the September 2017 Apple event. Although, you’ll be able to get your hands on the new devices soon, but Apple didn’t release any wireless charging pad to help you wirelessly charge your device. All we got is an introduction to Apple’s AirPower wireless charger that won’t become a reality till next year.

30 Smartphone Chargers You Have Not Seen Before

.no-js #ref-block-post-16659 .ref-block__thumbnail { background-image: url(“http://media02.hongkiat.com/thumbs/250×160/extraordinary-smartphone-chargers.jpg”); }

30 Smartphone Chargers You Have Not Seen Before

As handheld mobile devices become a more common household sight, we are beginning to find the act of…Read more

Thankfully, Apple choose to use the standard Qi wireless charging technology, which is supported by most of the wireless chargers in the market. To help you find the best wireless charger for your shiny new iPhone, I am going to list 20 best wireless chargers that can work for the iPhone X, 8 and 8 Plus.

Our Top Picks

CHOETECH T511

Let’s start with something cheap and reliable that should work fine for most users. This wireless charger by CHOETECH offers the standard 5V power output and has rubber design to prevent the phone from slipping. There is an LED light that keeps you updated with the charging status. For example, a blue light will show up when the phone connects.

CHOETECH T511CHOETECH T511

It only has one coil for wireless charging so you may have to adjust a bit to connect the charger. And the AC adapter is not in the package, so you’ll have to use your iPhone’s adaptor. For a mere $12.99 price, it’s actually a really good wireless charger.

Buy on Amazon ($12.99)

Belkin BOOST UP wireless charging pad

With the introduction of the iPhone devices, Belkin also introduced its new wireless charger specifically created for iPhone 8, iPhone 8 Plus, and iPhone X. Belkin has worked closely with Apple to create the wireless charger to ensure you get a hassle free experience. The company promises that you’ll just have to place your iPhone on the charging mat and it will automatically connect without any adjustment required.

Belkin BOOST UP Wireless Charging PadBelkin BOOST UP Wireless Charging Pad

The charging mat has an anti-slip design, and Belkin also throws in an AC adapter to ensure you’ll have everything you need to charge your phone.

Buy on Belkin ($59.99)

mophie wireless charging base

Similar to Belkin, mophie also introduced their new wireless charger specifically created for iPhone 8, iPhone 8 Plus and iPhone X. The main difference between these two competitors is probably the more compact design of mophie wireless charging base.

mophie Wireless Charging Basemophie Wireless Charging Base

The charging mat has a rubber base to prevent slipping and it seamlessly connects to your iPhone as soon as you place it. mophie also promises that later this year faster charging will be enabled as a free software update.

Buy on Apple ($59.99)

Yootech Qi wireless charger

Yootech provides a sturdy Qi wireless charger with smart charging to prevent the phone from heating up. The charger automatically goes on standby mode when the battery is full to ensure unnecessary heat isn’t generated and you also save power.

Yootech Qi Wireless ChargerYootech Qi Wireless Charger

Being a single coil wireless charger, you’ll have to adjust the position a bit to connect the phone. The red and green LED lights will help you with the positioning. It also has rubber base to prevent slips.

Buy on Amazon ($17.48)

Cloele 2 Coils Qi Wireless Charger

For a rather small price tag, Cloele wireless charger offers an impressive set of features. The wireless charger has a built-in 0.7-watt fan to help cool down your phone. Heat usually slows down the charging process, so this basically helps speed up the charging process as well.

Cloele 2 Coils Qi Wireless ChargerCloele 2 Coils Qi Wireless Charger

Additionally, it has two charging coils allowing you to easily connect the phone and even use it in landscape or portrait mode while charging thanks to the inclined design.

Buy on Amazon ($16.99)

Anker wireless charging pad

Another cheap and reliable option in this list, Anker wireless charging pad has a compact design to make it easier to carry around, and it comes with an anti-slip base for the safety of your phone. There is a built-in temperature control that kicks in when the temperature reaches 107° Fahrenheit. The charger goes on standby mode and save both energy and prevent the phone from heating up.

Anker Wireless Charging PadAnker Wireless Charging Pad

You’ll have to properly adjust the device on the single charging coil. For that, two LED lights are available to tell you if the phone is properly placed or not.

Buy on Amazon ($12.99)

TYLT VU Qi wireless charger

TYLT VU is created to allow you to seamlessly charge your phone while still being able to use it. It has total 3 charging coils that basically allow you to place your phone anywhere on the mat and still get perfect charging.

TYLT VU Qi Wireless ChargerTYLT VU Qi Wireless Charger

It also has a 45° inclined design to let you interact with your phone while charging. You can put the phone in both portrait or landscape style and the charging will work. You can also take advantage of the fast charging feature on supported devices.

Buy on Amazon ($19.00)

Insignia™ Qi wireless charging pad

This wireless charger from Insignia™ has a really sleek design that both looks good and fits easily in your bag. There is a blue LED light to indicate charging status, which is not so bright that it irritates you in a dark room.

Insignia™ Qi Wireless Charging PadInsignia™ Qi Wireless Charging Pad

Even with a low price of $16.49, this charger is shipped with complete accessories. This includes a charging mat, USB cable, AC adapter and a user manual.

Buy on Best Buy ($16.49)

DISDIM 2 in 1 Magnetic Qi wireless charging pad

This is actually a 2 in 1 charging pad that works as both a smartphone stand and a charging pad. Unlike TYLT VU or Cloele, DISDIM has a fully adjustable stand which you can slide and even adjust the angle. You can also take off the charging pad from the stand and use both of them separately.

DISDIM 2 in 1 Magnetic Qi Wireless Charging PadDISDIM 2 in 1 Magnetic Qi Wireless Charging Pad

To easily carry around, you can fold the stand and slide it in your bag. It’s also made of a high-quality durable material with full aluminum alloy and ABS construction.

Buy on Amazon ($19.99)

CHOETECH Qi wireless charger stand

If you don’t mind a rather bulky wireless charger, then this is a great option. CHOETECH wireless charger comes with everything you’ll need to both interact with your phone and charge it at the same time. It has an inclined design with rubber grips to firmly hold your phone and let you interact with it easily.

CHOETECH Qi Wireless Charger StandCHOETECH Qi Wireless Charger Stand

There is a fan located at the back that keeps the phone cool while charging, and it automatically stops charging when the phone reaches 100% battery. Overall, CHOETECH wireless charger stand is a really safe and convenient wireless charger.

Buy on Amazon ($20.99)

More Options:

Satechi Qi Wireless Charging Pad ($14.99)
Satechi Qi Wireless Charging Pad Satechi Qi Wireless Charging Pad
Qi-infinity Wireless Charging Pad ($24.99)
Qi-infinity Wireless Charging Pad Qi-infinity Wireless Charging Pad
Ugreen Wireless Charging Pad ($23.46)
Ugreen Wireless Charging Pad Ugreen Wireless Charging Pad
NILLKIN Magic Disk III ($16.99)
NILLKIN Magic Disk III NILLKIN Magic Disk III
CHOETECH 10W Qi Wireless Charger ($18.35)
CHOETECH 10W Qi Wireless Charger CHOETECH 10W Qi Wireless Charger
Turbot 3-Coil Wireless Charger ($15.99)
Turbot 3-Coil Wireless Charger Turbot 3-Coil Wireless Charger
PowerBot PB1020 ($8.99)
PowerBot PB1020PowerBot PB1020
JETech Ultra-Slim Wireless Charging Pad ($10.99)
JETech Ultra-Slim Wireless Charging Pad JETech Ultra-Slim Wireless Charging Pad
PLESON Wireless Charger ($11.95)
PLESON Wireless ChargerPLESON Wireless Charger
Spigen Essential F300W Wireless Charger ($25.99)
Spigen Essential F300W Wireless Charger Spigen Essential F300W Wireless Charger

Conclusion and suggestions

The offering of Belkin and mophie is attractive as they have directly worked with Apple to create these chargers. However, they are very expensive and won’t actually make any difference when it comes to charging your iPhone. Although you might like to go for them if you trust these brands for quality.

Nevertheless, all the wireless chargers mentioned above are able to charge the new iPhone devices and can do it without any loss in charging performance or damaging the phone.

Fuel For Your Phone: World’s Smallest Smartphone Charger

.no-js #ref-block-post-16788 .ref-block__thumbnail { background-image: url(“http://media02.hongkiat.com/thumbs/250×160/fuel-pint-size-charger.jpg”); }

Fuel For Your Phone: World’s Smallest Smartphone Charger

There are a lot of external batteries or power banks out there in the market, an apparent need…Read more

Source: http://www.hongkiat.com/blog/iphone-8-x-wireless-charging-pads/

Colors.css Offers New Defaults for Colors on The Web

Finding a great color scheme for your website is no easy task. But, it just got a lot easier with the Colors library by Adam Morse.

This free CSS library works off the original web colors that were deemed “web safe” and first released with HTML4 back in 1999. As you can imagine, the web has come a long way since then.

With Colors, you can overwrite the default color choices and use more suitable defaults for your layout. These colors fit together much easier and create less tension by diluting contrast.

For example, instead of #000 for black, this library uses #111 to keep the same level of darkness while removing some of the jarring contrast. This works much better for text and for backgrounds.

You can install Colors via npm or through GitHub by downloading the stylesheet directly.

Best of all, it comes with free swatches you can import into your design programs for easy access to the colors. The following swatch files are included:

  • .aco (Photoshop)
  • .ase (Illustrator/XD)
  • .gpl (Gimp/Inkscape)

If you design a lot of mockups with the default colors I absolutely recommend grabbing a copy of these swatches. You’ll be surprised how well these colors can fit into any layout.

Colors.css accessibilityColors.css accessibility

Plus, Colors.css even has its own accessibility schemes where you’ll find 90 combinations of colors that meet the WCAG specs for quality accessibility. This is huge for anyone trying to support the widest audience possible and it’s great to see designers that care so much about modern UI/UX work.

But more importantly, it’s great to see so much progress in the open source community.

It’s funny looking back on old websites to see how much they’ve improved. And, the same can be said for general design trends, especially color choices and CSS libraries.

To learn more about the Colors library, visit the main page and check out the live examples. You can pull the .css file, along with all the swatch files directly from the GitHub repo, too.

Source: http://www.hongkiat.com/blog/reset-default-css-colors/

40 Picturesque and Beautiful Underwater Wallpapers

From aerial beach pictures to marine life photography, seas and oceans have always been a source of inspiration for artists and photographers. However, what’s most amazing is capturing the essense of the underwater world.

Here are some of the best wallpapers we have found from the online sources featuring the underwater world and the amazing marine life. Full list after jump.

Clown Fish
Clownfish & Bubble-tipped Anemone
Shipwreck Underwater
Shoal of Fish
Green Lake Sun Light
Underwater Fish
Underwater Jellyfish
Colorful Jellyfish
Underwater Whale
Beautiful Glowing Jellyfish
Amazing Pink Jellyfish
Close-up of Tortoise
Clownfish
Colorful Fish
Beautiful Fish Underwater
Under Ocean Turtle
Beautiful Shoul of Fish
Dark Turtle
Jellyfish Wallpaper
Green Coral
Fishes at Water Top
Purple Starfish
Blue Plant
Sea Underwater Life
Orange Fish
Ocean Fish
Water
Underwater Abstract
Underwater Encounter
Underwater Fish Wallpaper
Blue Sculpture
Underwater Penguins
Underwater Sea Shells
Jellyfish Underwater Tentacles
Sea Anemones Algae
Sea Urchin Underwater World Spines
Beautiful Starfish
White and Blue Jellyfish
Wonderful Clownfish
Blue Starfish
Learn Photography Online for Free from Harvard University

.no-js #ref-block-post-29039 .ref-block__thumbnail { background-image: url(“http://media02.hongkiat.com/thumbs/250×160/learn-photography-online-harvard-photography.jpg”); }

Learn Photography Online for Free from Harvard University

Want to get good at photography but you don’t have anyone to teach you? Why not learn the…Read more

Source: http://www.hongkiat.com/blog/picturesque-stunning-underwater-wallpapers/

50+ Beautiful Apple and macOS Desktop Wallpapers

Every time there is a new iOS released, I look for a new Apple wallpaper to go with the updated features. Or sometimes my inner Apple aficionado awakens and I go on a hunt for a nice Apple wallpaper to show my fondness.

60 Beautiful Ubuntu Desktop Wallpapers

.no-js #ref-block-post-4187 .ref-block__thumbnail { background-image: url(“http://media02.hongkiat.com/thumbs/250×160/60-most-execellent-ubuntu-wallpapers.jpg”); }

60 Beautiful Ubuntu Desktop Wallpapers

Despite the growing popularity of mainstream operating systems like Windows and macOS, a lot of people are still…Read more

Whichever the case is, I have managed to collect some really beautiful apple wallpapers which I am going to share with you in this post. All of these wallpapers are high quality and free to download in different resolutions. Dig right in and see if there is one for your desktop.

Apple Logo Gold
Apple Logo Red
Apple Logo Rose Gold
Apple Logo Silver
Apple Logo Vortex
Apple September
Apple-Stars
Apple Wallpaper 2
Apple Wallpaper 3
Apple Wood Wallpaper
Apple Water Wallpaper
Apple Space
Apple MacOS Sierra
Brown Apple ipod
Beautiful Apple Logo
MacOS Sierra with Siri
Apple Dark Red Glow
Apple in the Spotlight
Apple Gadget Light
Apple iOS Mac
Apple Logo Black
Dripping Apple Logo
Steve Jobs Silhouette
Mac 30 Years
Apple 40th Anniversary
Apple Colorful Spectrum
Apologize Apple
Back to the Mac
Black & Orange Apple Logo
Multi Apple Logo
Macbook Pro Background
Glowing Lights Apple
Golden Apple
Happy Birthday Steve
Mac OS X
Macbook Air
My Colorful Snow Leopard
OS XMavericks
OS X
OSX Power
Parede Apple Wallpaper
Apple Puzzle Logo
Retro Apple Wallpaper
Rip Steve Jobs
Simply Apple
Steve Jobs
Steve Jobs Apple Wallpaper
Steve Jobs Pixel
Stitch Wallpaper
Red Apple Logo
The Revolution
Thank You Steve Job
How to Get Apple TV’s Aerial Screensaver on Your Mac or PC

.no-js #ref-block-post-28873 .ref-block__thumbnail { background-image: url(“http://media02.hongkiat.com/thumbs/250×160/ariel-screensaver-for-mac-windows.jpg”); }

How to Get Apple TV’s Aerial Screensaver on Your Mac or PC

Owners of the 4th generation Apple TV would be familiar with Aerial, a screensaver that showcases various cities…Read more

Source: http://www.hongkiat.com/blog/apple-macos-desktop-wallpapers-2017/

5 CSS Properties You Should Know

There are CSS properties, such as background images, border images, masking, and clipping properties, with which you can directly add images to web pages and control their behavior. However, there are also less frequently mentioned image-related CSS properties that work on images added with the <img> HTML tag, which the preferred way of adding images to web pages.

The job description of these latter properties varies from controlling the image shadow to setting the sharpness, helping us better control the appearance and the position of images added with the <img> tag. Let’s see them one by one.

1. Sharpen images with image-rendering

When an image is upscaled, the browser smoothens the image, so it doesn’t look pixelated. But, depending on the resolution of the image and screen, this might not be the best at all times. You can control this browser behavior with the image-rendering property.

This well-supported property controls the algorithm used to scale an image. Its two main values are crisp-edges and pixelated.

The crisp-edges value maintains the color contrast between pixels. In other words, no smoothening is done to images, which great for pixel artwork.

When pixelated is used, the nearby pixels of a pixel might take up its appearance, making it seem like together they form one big pixel, great for high-resolution screens.

If you keep looking closely at the flower edges in the GIF below, you can see the difference between a regular and a pixelated image.

img {
  image-rendering: pixelated;
}
Image renderingImage rendering

2. Stretch images with object-fit

The contain, cover, fill values are all familiar, we use them for the background-size property that controls how a background image fills up the element it belongs to. The object-fit property is quite similar to it, as it also determines how an image sizes inside its container.

The contain value contains the image within its container. cover does the same, but if the aspect ratio of the image and the container doesn’t match, the image is clipped. fill causes the image to stretch and fill its container. scale-down chooses the smallest version of the image to display.

<div id='container'>
  <img src="rose.png' alt="rose flower'>
</div>
#container {
  width: 300px;
  height: 300px;
}
img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
Object fitObject fit

3. Shift images with object-position

Similarly to the complementing background-position property of background-size, there’s an object-position property for object-fit, too.

The object-fit property moves an image inside an image container to the given coordinates. The coordinates can be defined as absolute length units, relative length units, keywords (top, left, center, bottom, and right), or a valid combination of them
(top 20px right 5px, center right 80px).

<div id='container'>
  <img src="rose.png' alt="rose flower'>
</div>
#container {
  width: 300px;
  height: 300px;
}
img {
  width: 100%;
  height: 100%;
  object-position: 150px 0;
}
Object positionObject position

4. Situate images with vertical-align

We sometimes add <img> (which are inline by nature) next to text strings for added information or decoration. In that case, aligning the text and the image into the desired position can be a tad bit tricky—if you don’t know which property to use.

The vertical-align property is not exclusive to table cells alone. It can also align an inline element inside an inline box, and thus can be used to align an image in a line of text. It takes a fair number of values that can be applied to an inline element, so you have many options to choose from.

<p>
PDF <img width="15px" src="pdf.png"
style="vertical-align:text-top" alt="Image">
</p>
Vertical alignVertical align

5. Shadow images with filter: drop-shadow()

When used inconspicuously in texts and boxes, shadows can add life to a web page. The same is true for in images. Images with core shapes and transparent backgrounds can benefit from the drop-shadow CSS filter.

Its arguments are similar to the values of the shadow-related CSS properties (text-shadow, box-shadow). The first two represent the vertical and horizontal distance between the shadows and the image, the third and fourth are the blur and the spread radius of the shadow, and the last one is the shadow color.

Just like text-shadow, drop-shadow also creates a shadow that is molded to the belonging object. So, when it’s applied to an image, the shadow takes the shape of the visible portion of the image.

img {
  filter: drop-shadow(0 0 5px blue);
}
Drop shadow filter

Source: http://www.hongkiat.com/blog/img-css-properties/