Blog by Sanjeev panday | Digital Diary

" To Present local Business identity in front of global market"

Meri Kalam Se Digital Diary Submit Post


SABEER BHATIA, FOUNDER OF HOTMAIL, WORLD’S FIRST FREE WEB BASED EMAIL


SABEER BHATIA, FOUNDER OF HOTMAIL, WORLD'S FIRST FREE WEB BASED EMAIL SERVICE Little Introduction Today I am meeting you a Golden person in our country. Name of this golden person is Sabeer Bhatia. Who is the founder of "Hotmail email service" and "Jaxtr SMS". He was born on 30th December 1968 in Chandigarh but he grew up in Bangalore. He did his schooling from Bishop's... Read More

SABEER BHATIA, FOUNDER OF HOTMAIL, WORLD'S FIRST FREE WEB BASED EMAIL SERVICE

Little Introduction Today I am meeting you a Golden person in our country. Name of this golden person is Sabeer Bhatia. Who is the founder of "Hotmail email service" and "Jaxtr SMS". He was born on 30th December 1968 in Chandigarh but he grew up in Bangalore. He did his schooling from Bishop's Cotton's school in Pune. He completed his Master's degree from the well known Stanford University in electrical engineering. He was the only applicant in the entire world to get a passing score of 62 in the year 1988 in the Cal Tech exam which is considered to be one of the toughest exams of the world. Sabeer Bhatia
Sabeer started his career at Apple computers as a hardware engineer. During that time he got the idea of Hotmail
. The idea of Hotmail came to their mind when a firewall at apple stops the email he was using to communicate with his co-worker Jack Smith. Sabeer Bhatia started Hotmail with his friend Jack Smith on July 4, 1996. Hotmail was the first web-based email service and it took little time to get popular. Hotmail was sold to Microsoft in December 1997 for a reported $400 million, and it joined the MSN group of services.

 

 

 

 

My final opinion on this article, How did you think I would know this article only when you comment below. Hope, this article might
have liked it, how do you think you must comment down? If you want to give any suggestions now,
please give us what we can do something new for you. If you have not subscribed to our blog yet,
please subscribe. You can also share your personal tutorials and blogs with us. ([email protected])

मेरी अंतिम राय इस लेख पे कैसा लगा मेरा ये लेख मुझे तभी पता चलेगा जब आप निचे कमेंट करेंगे. उमीद है ये लेख पसंद आया होगा, कैसा लगा आप जरुर निचे comment कर के बताइए. अगर आप भी कोई सुझाव देना चाहते हो तो जरुर दीजिये जिस्से हम आपके लिए कुछ नया कर सके. हमारे Blog को अभी तक अगर आप Subscribe नहीं किये हैं तो जरुर Subscribe करें.

FacebookTwitterEmailShare


Read Full Blog...


Shiva Ayyadurai


Little Introduction The Inventor of Email Today I Meet you, a Golden person of my country India. Name is Shiva Ayyadurai. Shiva Ayyadurai was born on the 2nd of December 1963 in Tamil Family in Bombay, India. Meet Shiva Ayyadurai family-- In 1979 Ayyadurai was student of high school , he developed a computer program.which replicated the features of the interoffice, inter-organizational paper mail... Read More

Little Introduction The Inventor of Email

Today I Meet you, a Golden person of my country India. Name is Shiva Ayyadurai. Shiva Ayyadurai was born on the 2nd of December 1963 in Tamil Family in Bombay, India. Meet Shiva Ayyadurai family-- Shiva Ayyadurai

In 1979 Ayyadurai was student of high school , he developed a computer program.which replicated the features of the interoffice, inter-organizational paper mail system. He named his program EMAIL. Shiva filed an application for copyright in his program and in 1982 the United States.
Shiva Ayyadurai

He holds four degrees from MIT, is a Fulbright Scholar, Lemelson-MIT Awards Finalist and Westinghouse Science Talent Honors Award recipient.
Meet Shiva Ayyadurai And his Wife Fran Drescher.

For more information Visitvashiva.com


Read Full Blog...


Run first program in PHP


Step1:- Assume you installed xampp in C Drive. * Go to: C:\xampp\htdocs. * Create your own folder, name it as sanreaders. Step2:- Now create your first php program in xampp and name it as firstprogram.php <!DOCTYPE html> <html> <body> <?php echo "Welcome you in world of PHP...!"; echo "My first PHP Program...!"; echo "sanreaders&quo... Read More

Step1:- Assume you installed xampp in C Drive.

Go to: C:\xampp\htdocs.

Create your own folder, name it as sanreaders.

Step2:- Now create your first php program in xampp and name it as firstprogram.php

<!DOCTYPE html> <html> <body> <?php echo "Welcome you in world of PHP...!"; echo "My first PHP Program...!"; echo "sanreaders"; ?> </body> </html>

 

Note:- Save file file name.php and sellect all if you use notpaid(not only .txt).

 

Step3:-Now double click on XAAMP CONTROL PANELon  desktop and START Apache, OR "My SQL"(and other according your needs but Apache is compulsory).

 

 

Step4:-Type localhost on your browser and press enter:
It will show the following:

Step5:-Now Open the Web browser and type the following on :

http://localhost/sanreaders/

 

Step5:-Below screenshot shows php files created under folder �firstprogram�

Step6:-Click on firstprogram.php and it will show the following:

 

Output:-The RESULT is Show in figure below.
This way you can run your php program in XAMPP server�

 

Let me know, If you have any problem. I am happy to solve it. Happy Coding 
Read Full Blog...


how to run xampp and wamp on your local computer


Download Link for xampp And Wamp Download xampp click hear Download Wamp&nbsp;click hear You will have the option to choose wither a 32 or 64-bit environment depending upon your computer&#39;s configuration. After downloading the wamp server or xammp server you can install. this server is a web development platform which helps in creating dynamic web applications. Install the xampp server&nbsp;Onc... Read More

Download Link for xampp And Wamp

Download xampp click hear

Download Wamp click hear

You will have the option to choose wither a 32 or 64-bit environment depending upon your computer's configuration.

After downloading the wamp server or xammp server you can install. this server is a web development platform which helps in creating dynamic web applications.

Install the xampp server Once you have downloaded and uncompressed your Xampp executable you will need to go ahead and launch it to start the installation process.

Obtain a copy of Xampp Before you do anything you need to download Xampp. Click Here for Go to Download Xampp Server...

You will have the option to choose wither a 32 or 64-bit environment depending upon your computer's configuration.

 

 

Step1.-Choose Language According to your Needs then click on ok button.

 

 

Step2.-Click on next button.

 

 

Step3.-click on next button.

 

 

Step4.-choose option according to your work, then click on install button. (which drive you save the file)

 

 

Step5.-Click on finish button.

 

 

Xampp Server are successfully installed on your PC.

 

http://my.meerutmart.com/run-first-program-php/

Obtain a copy of WAMP Before you do anything you need to download WAMP. Click Here for Go to Download Wamp Server... You download free wamp or xammp server.

Once you have downloaded and uncompressed your WAMP executable you will need to go ahead and launch it to start the installation process.

 

When you click next you will be asked to accept the license agreement. Since it is a GPL license you are free to do just about anything with it so you can go ahead and accept. The next step requires you to select the folder where you would like to install your WAMP server. The default will be c:\wamp however you can change this to install the server into any directory or partition you choose.

 

Step1. Click on create quick launch radio button. Click on next button.

 

 

Choose the I accept the agreement point(button).

 

Chose where to install the software

Step2.Click on next button.

 

Step3.Click on next button.

 

 

 

 

Step4.Click on next Install

 

Step5.-Click on Next button.

 

 

Step6.-Click on finish button.

 

 

Wamp Server are successfully installed.

 

File missing error:-

Some Time Wamp Server give an error "DLL file missing", if you found in type error then you download this file and replace it. then you can use Wamp server.

 

Solving the problem how to run xampp and wamp on your local computer or server in network by globally , need to follow simple step.

Here, I am going to write all steps.

Step 1 : Install XAMPP on your machine.

How to inatall XAMPP on local machine

Step 2: Close the XAMPP.

Closing XAMPP to avoid collision between XAMPP and WAMP.

Step 3 : After installing XAMPP, install WAMP.

Install WAMP with default settings and options. You can install WAMP in any directory.

Step 4 : Now run WAMP for test.

Open your browser and write Localhost in url. You will find below screen.

Step 5 : Following steps for avoiding collision between XAMPP and WAMP.

This is a magic trick to run xampp and wamp on your local computer or server in network. It's just changing your PORT for the WAMP apache server and mysql.

Step 6 : Changing PORT for WAMP apache server and mysql By default apache listen on port 80 for the browsers and mysql listen on port 3306. Now, you need to change PORT no for apache and mysql for WAMPP. It's need to do small change in http.conf file.

Step 7 : Changing PORT for WAMP apache server

Change in apache port to open config file. Basically location "C:\wamp\bin\apache\apache*.*.**\conf" where stars are basically the version number. open config file in notepad OR any editor with administrative permission.
Now, within this file search "Listen 80
" and change it with port no "Listen 8081". We are just changing server listen port address. Now it will listen on port number 8081 instead of 80 port. After changing server port listen address. Now search "ServerName localhost:80" within this file. It need to change to "ServerName localhost:8081".

Step 8 : Changing PORT for mysql You must need to change port no of mysql for WAMP because XAMPP using specific mysql and your basic URL "localhost/phpmyadmin/" same for both WAMP and XAMPP. So, you need to differenciate both mysql.

for changing mysql port open the file location which is like this "C:\wamp\bin\mysql\mysql5.5.24". open the file "my.ini" and find the line port = 3306 and replace it with port = 3307 this will enable your wamp mysql to access along with xampp mysql due to different port address.

Step 9 : Accessing the wamp mysql from wamp phpmyadmin interface. whenever we start phpmyadmin, we need to setup which server start first WAMP OR XAMPP. Overcome to this problem we need to make a small change in phpmyadmin interface code.

open file "config.inc.php" at location "C:\wamp\apps\phpmyadmin3.5.1" now phpmyadmin3.5.1 may be different according to your version.

Search two lines :

$cfg['Servers'][$i]['verbose'] = 'localhost:3306'

;$cfg['Servers'][$i]['host'] = 'localhost:3306';

And replace them with

$cfg['Servers'][$i]['verbose'] = 'localhost:3307';

$cfg['Servers'][$i]['host'] = 'localhost:3307';

It is possible that you see these lines below

$cfg['Servers'][$i]['verbose'] = 'localhost';

$cfg['Servers'][$i]['host'] = 'localhost';

So still replace them with lines below

$cfg['Servers'][$i]['verbose'] = 'localhost:3307';

$cfg['Servers'][$i]['host'] = 'localhost:3307';

now when you access the phpmyadmin with wamp you will be accessing the wamp mysql engine

e.g if now you use the following url "localhost:8081/phpmyadmin/" you will access the wamp mysql along with wamp server to access wamp server use "localhost:8081/" and for database connection string you have to use localhost:3307 for all your script from zen,wordpress, laravel, joomla to magento

Let me know, If you have any problem. I am happy to solve it. Happy Coding 
Read Full Blog...


इंसान के टैलेंट कैसे से जयादा हो गयी इन कागजी डिग्रीयो की औकात...


हमारे देश में भी Howard जैसी University हो जाये तो हम भी विकसित देशो में सामिल हो जायगे जिनकी स्टूडेंटों की सोच होते है की JOB पाने से अच्छा है job का invent करना, वहा के स्कूल कॉलेज इंस्टिट्यूट नई सोच, नई आईडिया पे काम करते है, और हमारे यहां रोबोट बनाये जाते है जो उनके आईडिया पे परफेक्ट फिक्स्ड होते है नौकरी करने और नौकर बनने के लिए&nbsp;, या हमारे के युथ गोवेरमेंट जॉब,&nbsp;प्राइवेट जॉब पाना चाह... Read More

हमारे देश में भी Howard जैसी University हो जाये तो हम भी विकसित देशो में सामिल हो जायगे जिनकी स्टूडेंटों की सोच होते है की JOB पाने से अच्छा है job का invent करना,

वहा के स्कूल कॉलेज इंस्टिट्यूट नई सोच, नई आईडिया पे काम करते है, और हमारे यहां रोबोट बनाये जाते है जो उनके आईडिया पे परफेक्ट फिक्स्ड होते है नौकरी करने और नौकर बनने के लिए , या हमारे के युथ गोवेरमेंट जॉब, प्राइवेट जॉब पाना चाहते है बस वो लोग employer और हम लोग employee, हम लोग अपने देश के इस सोच को बदलना चाहते है, अपने यहाँ के दिग्गज कंपनी बिरला, टाटा, रिलायंस ग्रुप्स के इतने सारे बिज़नेस है लकिन ये लोग फिर भी Business नयी-2  oppurchanuty ढूंढ़ते रहते है,

यही बात हमारे यहाँ के छोटे बिजनेसमैन नहीं समझते, हमरे यहाँ PG करने के बाद भी Student को पता नहीं होता है आगे क्या करना है, जब तक समझे आती है तब तक family का बोझ आ जाता है। अगर हमारे यहाँ के स्कूल कालेज, इंस्टुट अपनी सोच बदल दे, और partical एजुकेशन प्रोवाइड करायें, तो कम से कम टेलेंट, जॉब मिल सकेगा, या स्टूडेंट बिज़नेस के बारे मे भी सोच सकेगा, डिग्री हो या न हो मगर प्रैक्टिकल नॉलेज होना चाहिए |

 

मेरी अंतिम राय इस लेख पे कैसा लगा मेरा ये लेख मुझे तभी पता चलेगा जब आप निचे कमेंट करेंगे. उमीद है ये लेख पसंद आया होगा, कैसा लगा आप जरुर निचे comment कर के बताइए. अगर अभी बी  कोई सुझाव देना चाहते हो तो जरुर दीजिये जिस्से हम आपके लिए कुछ नया कर सके. हमारे Blog को अभी तक अगर आप Subscribe नहीं किये हैं तो जरुर Subscribe करें. चलो बनायें Digital India जय हिंद, जय भारत, धन्यबाद.

 

 

डिसक्लेमर-

इस लेख में निहित किसी भी जानकारी/सामग्री/गणना की सटीकता या विश्वसनीयता की गारंटी नहीं है। विभिन्न माध्यमों/इंटरनेट/किताबो से संग्रहित कर ये जानकारियां आप तक पहुंचाई गई हैं। इस लेख में निहित किसी भी  जानकारी मेरा विचार है, मेरा उद्देश्य महज मेरे विचार को साझा करना है, इसे महज सूचना समझकर ही लें।

 


Read Full Blog...


देश को लुटती विदेशी कंपनिया


गूगल द्वारा किए गये सर्वे में हमारा देश इंटरनेट प्रयोग में दूसरे नम्बर पर है। इंटरनेट पर वस्तुओं की खरीद बेच का चलन बढ़ रहा है यहाँ तक की राजमर्रा की चीजों से लेकर कम्प्यूटर तक में आन लाइन की खरीद का प्रचलन बढ़ा है। फिर भी, हम पिछड़ रहे हैं। कारण है, हमारा ध्यान विदेशी वस्तुओं की खरीद पर अधिक है। यदि हम विदेशी वेबसाइट पर विदेशी वस्तुओं की खरीद करते रहेंगे तो मेक इन इंडिया को प्रोमोशन कैसे मिलेगा।... Read More

गूगल द्वारा किए गये सर्वे में हमारा देश इंटरनेट प्रयोग में दूसरे नम्बर पर है। इंटरनेट पर वस्तुओं की खरीद बेच का चलन बढ़ रहा है यहाँ तक की राजमर्रा की चीजों से लेकर कम्प्यूटर तक में आन लाइन की खरीद का प्रचलन बढ़ा है। फिर भी, हम पिछड़ रहे हैं। कारण है, हमारा ध्यान विदेशी वस्तुओं की खरीद पर अधिक है। यदि हम विदेशी वेबसाइट पर विदेशी वस्तुओं की खरीद करते रहेंगे तो मेक इन इंडिया को प्रोमोशन कैसे मिलेगा। ऐसे में विदेशी मार्केटिंग व मैन्यूफैक्चरिंग दोनों कंपनियों का व्यापार ही बढ़ेगा। परन्तु लक्ष्य होना चाहिए कि हमारे गाँव व शहर के बनने वाले प्रोडक्टस बिकें तभी हमारी अर्थव्यवस्था की रीढ़ मजबूत होगी।

 

हम तो स्वदेशी खरीदें ही और अपने देश में बनी वस्तुओं की इंटरनेट से विदेशों में मार्केटिंग करें। Digital Marketing में हम न केवल अपने देश के प्रोडक्ट को बेच कर राष्ट्रउन्नति का नया पथ खोलेंगे वरन्‍ हमारी आय भी अच्छी हो सकती है।

Google के सर्वे में यह भी कहा गया कि 2025 तक भारत में इण्टरनेट मोर्केटिंग की क्रेज बहुत बढ़ेगा। आज दुनिया की बड़ी-बड़ी क‍म्पिनयाँ एक से एक लुभवाने ऑफर वे रही है। जैसे- amazon लगातार हमारे देश में यही कर रहे हैं। ऐसा नहीं है कि हम लोग पीछे है।

इनका live example – flipkart, snapdeal, paytm, आदि उदाहरण है जो विदेशी कम्पानियों को टक्कर दे रही है। अगर हमारे देश के कारोबारी online(Digital Marketing)पर ध्यान दें तो हमारा देश भी उन्नति करेगा। हमारे देश की वस्तुएँ भी विदेशी में निर्यात होंगी और girta rupyaa विदेशी मुद्रा हमारे देश में आएगी। जिससे हमारी आर्थिक स्थिति सुदृढ़ होगी व मान-सम्मान बढ़ेगा।

देश के युथ आगे आये और देश को मजबूत करे। नए नए आईडिया के साथ आये और स्टार्टअप्स करे (केवल गोवेर्मेंट जॉब के बारे में न सोचे, JOB पाने से अच्छा है job का invent करना ।) जो रुपया 1947 में एक डालर के बराबर था वही 1952 में एक डालर की कीमत 7 रूपये हो गयी थी और अब 67 रूपये | अब आप सोच रहे होंगे कि डालर की कीमत बढ़ने से उनको क्या फायदा है ?? अब हम अगर विदेश में माल बेचते है तो हमे 67 रूपये का माल केवल 1 रूपये में बेचना पड़ता है और विदेश से जो माल खरीदते है वो हमको 1 रूपये के बजाय 67 रूपये में खरीदना पड़ता है | मतलब हम माल को बेचते सस्ता है और खरीदते महंगा है इसलिए हमारा देश ओर ज्यादा कर्ज में डूबता जा रहा है |

क्या आपको पता है?

आजादी के बाद हम 5000 विदेशी कंपनियों के चंगुल में फंस गये | इस तरह इन 5000 कंपनियों ने अब तक भारत से करोड़ो रूपये मुनाफे में लेकर गये |

1. जूते बनाने वाली एक कम्पनी बाटा कनाडा की कम्पनी है जिसे भारत ने बाटा इंडिया के नाम से बेचा जाता है | हम समझते है कि ये स्वदेशी कम्पनी है लेकिन ये विदेशी कम्पनी है जो पिछले कई सालो से देश को लुट रही है | ये कम्पनी देश से बने जुते खरीदती है उस पर अपना मार्का लगाकर फिर भारत में बेचती है | वो भारत से 100 रूपये का जूता खरीदते है उसको मार्का लगाकर देश में 600 रूपये में बेचती है और इस तरह एक जुते पर ये 500 रूपये का मुनाफा कमाती है | इस कम्पनी ने देश में 70 लाख रूपये से व्यापार शुरू किया था और आज ये कम्पनी देश से एक साल में लगभग 300 करोड़ रूपये से भी ज्यादा कमा लेती है |

 

2.यूनिलीवर है जिसने भारत में अपना नाम हिंदुस्तान यूनिलीवर रख दिया इस कम्पनी ने भारत में मात्र 24 लाख रूपये से धंधा शुरू किया था और आज ये कम्पनी भारत से 1 साल में 2000 करोड़ रूपये लुटकर ले जा रही है |

 

3.कोलगेट पामोलिव है जिसने भारत में 15 लाख से धंधा शुरू किया था और आज ये कम्पनी 300 करोड़ रूपये सालाना भारत से लुटती है |

 

आप विदेशी वस्तुओ का बहिष्कार करे और स्वदेशी वस्तुए अपनाए तभी भारत का पैसा भारत में रह सकता है और भारत उन्नति कर सकता है | देश के युथ आगे आये और देश को मजबूत करे। नए नए आईडिया के साथ आये और स्टार्टअप्स करे (केवल गोवेर्मेंट जॉब के बारे में न सोचे, JOB पाने से अच्छा है job का invent करना ।) जय हिन्द जय भारत

निवेदन :कृपया अपने comments के through बताएं की ये POST आपको कैसी लगी ।

डिसक्लेमर-

इस लेख में निहित किसी भी जानकारी/सामग्री/गणना की सटीकता या विश्वसनीयता की गारंटी नहीं है। विभिन्न माध्यमों/इंटरनेट/किताबो से संग्रहित कर ये जानकारियां आप तक पहुंचाई गई हैं। इस लेख में निहित किसी भी जानकारी मेरा विचार है, मेरा उद्देश्य महज मेरे विचार को साझा करना है, इसे महज सूचना समझकर ही लें।


Read Full Blog...


Default WordPress .htaccess File


# BEGIN WordPress &lt;IfModule mod_rewrite.c&gt; RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] &lt;/IfModule&gt; # END WordPress &nbsp; Read More

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress
 


Read Full Blog...


How to show hidden files (.htaccess) in cPanel File Manager


Many users ask us how they can see the .htaccess files for their websites in cPanel File Manager. By default, such files are not shown. To see the hidden files in cPanel File Manager follow these steps: Log into your cPanel account Go to File Manager (Files Section) Click the top-right Settings button. Then on the Preferences window, check the option Show Hidden Files (dotfiles) Confirm the acti... Read More

Many users ask us how they can see the .htaccess files for their websites in cPanel File Manager. By default, such files are not shown. To see the hidden files in cPanel File Manager follow these steps:

Log into your cPanel account

Go to File Manager (Files Section)

Click the top-right Settings button.


Then on the Preferences window,

check the option Show Hidden Files (dotfiles)


Confirm the action by clicking the Save button


Now you will see all hidden files (including .htaccess files) in File Manager.


Read Full Blog...


submit sitemap on google


Submit Sitemap on Google or Google Search Console&nbsp; &nbsp; Google Search Console submit sitemap on google https://search.google.com/search-console/sitemaps?resource_id=http://packfortrip.com/&amp;utm_source=wnc_376106&amp;utm_medium=gamma&amp;utm_campaign=wnc_376106&amp;utm_content=msg_743502&amp;hl=en-GB Read More

Submit Sitemap on Google or Google Search Console 

 

Google Search Console
submit sitemap on google

https://search.google.com/search-console/sitemaps?resource_id=http://packfortrip.com/&utm_source=wnc_376106&utm_medium=gamma&utm_campaign=wnc_376106&utm_content=msg_743502&hl=en-GB


Read Full Blog...


Image optimization techniques and tools for web and mobile apps


&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Image optimization According to the data from HTTP Archive, images make up nearly 64% of an average web page in terms of load size. Being such a critical component of e-commerce, news, fashion, blogs and travel portals, it is important to know how to optimize these images. Using optimized images will help us deliver an engaging yet fast visual experience without... Read More

 

 

 

 

 

Image optimization

According to the data from HTTP Archive, images make up nearly 64% of an average web page in terms of load size. Being such a critical component of e-commerce, news, fashion, blogs and travel portals, it is important to know how to optimize these images. Using optimized images will help us deliver an engaging yet fast visual experience without hogging on those extra kilobytes of data.

Here are some important image optimization techniques that should be kept in mind when using images on a website or mobile app.

1. Use correct image dimensions

You should always use an image that is sized exactly or at least close to the size that has to be finally rendered. Using an image that is larger than what is required is by far the most common and the most taxing mistake that can be seen on websites and mobile apps.

correct image format to use:

  • If your image requires animation, use a GIF.
  • If you don't need to preserve high image resolution, use JPEG (and test out different compression settings).
  • If you do need to preserve high image resolution, use PNG.
    • If your image has a lot of colors, use PNG-24.
    • If your image doesn't have a lot of colors, use PNG-8.

Learn more about choosing image formats in Google's image optimization guide.

 

Consider a case where the final image that has to be rendered is 200px wide and 300px high. Ideally you should load an image that fits exactly in this container i.e. 200 px by 300px. If you were to load an image that is 800px by 1200px in this case and let the browser or app resize it for you, then you are loading about 10–15 times the data than what is actually required.

compression tools like Optimizilla or ImageOptim for Mac (or Windows alternatives), as well as evaluating what works best is the way to go.

This is more important for e-commerce applications where a lots of product thumbnails are shown on a page. Sizing the thumbnails right can reduce the page load size significantly.

 

2. Use the correct image format

As discussed in one of our previous posts, there are a lot of image formats out there with JPEG, PNG and GIF being the most common ones. There is a relatively new image format - WebP. It tries to encapsulate the good things from each of the previous three formats into a single image format while providing better compression ratio.

A common mistake is the use of PNG images for natural scenes and photographs. In such cases, a JPEG or a WebP image would be a lot lighter than the PNG image and yet look exactly the same. Using the correct format can have a great impact on reducing the bandwidth consumption by images.3. Compress your images

Even after selecting the correct image dimension and format, it is possible to further reduce the size of the image via compression.

One method of compression is by removing all the unnecessary metadata associated with the image without changing the image quality. This metadata can be safely discarded while displaying the image. This method is called lossless compression and is a must before using images on a website or an app.

The other method, lossy compression that reduces the quality of the image to get a lower size. However, the human eye cannot distinguish between the original uncompressed image and an image at a slightly reduced quality. Hence, on a scale of 100, it is often safe to reduce the image quality to 80–90. Doing so often brings down the size of the image to 20–25% of the original.

 

4. Use progressive JPEG

This optimization is tuned towards increasing perceived performance on the page and may come with a slightly higher bandwidth consumption.

One way to render a JPEG image is to start from top, rendering each row at a time and moving towards the bottom. This is called baseline loading pattern and doesn't go well with the users who have to wait to get a glimpse at the entire image.

The other way is to render a low-quality pixelated full image and then gradually keep on adding more pixels and information to the image. This kind of loading is called progressive loading and is available for JPEG images.

Using progressive JPEGs on your website and app will have a significant improvement in terms of user experience. The user gets visual feedback quicker as compared to the top-down loading method.

 

 

5. Optimize image delivery

Even after following the above steps and optimizing your images, there is one more thing to do. Delivering the image. After all, an optimized image is no good if it cannot be delivered quickly.

Ensure that your image servers can handle potentially 3–4x of your regular traffic to account for traffic spikes. Always deliver images with proper caching headers so that the user's device can use cached versions of images. This saves the client's device from downloading the entire image content if it is not modified as compared to the copy saved with the client's device. You can even consider setting up a caching layer on your server side to serve static content like images directly from the cache instead of going to your application servers.

If your traffic is global or if your image servers are located far away from your actual users, consider using a Content Delivery Network (CDN). In simple terms, a CDN is a global network of servers that can deliver images (or other static content) from a server closest to the geographical location of your user. Closer the server, faster the response time.

 

ImageKit.io is a ready-to-use image optimization and transformation server along with a global CDN network and storage. It is built to automatically optimize the image format and quality and provides powerful URL-based transformations to deliver the perfect image as quickly as possible to your users.

Alt text

Alt text (alternative text) important to have alt text descriptions so that any visually impaired person can understand what the pictures on your website depict. Search engine bots also crawl alt text to better understand your images,

Bad:

<img src="cricketBat.jpg" alt="Cricket Bat, Bat Cricket, other">

Good:

<img src="cricketBat.jpg" alt="cricket bat made with good wood">

Submit an image sitemap

Google can crawl and index your images, submit an image sitemap in your Google Search Console account. This helps Google discover images they may have otherwise missed.

 

 

 

 


Read Full Blog...



Wefru Services

I want to Hire a Professional..

<--icon---->