Multiple logo file formats

Digital logo applications such as websites and anything seen on the screen use the RGB color spectrum. This color spectrum is more varied than standard printed material so digitally used logo files are designed a little differently. They usually do not require high-resolution art and are not limited to one color.

The printed logo application like printed brochures, business cards, T-shirts, decals, folders, and ink on paper is 99% of the time prepared with CMYK and Pantone color spectrum. This spectrum is handled differently than a digital application and requires high resolution so that it looks crisp when printed on paper.

Logo File Formats

Logo file formats can come in many shapes and sizes. The format is driven by how it will be used, now and in the future, as well as what the logo looks like. When your logo designer provides the digital file formats to you, place them somewhere secure so you do not misplace them and can consistently reference the files. Below are common logo file formats that cover 99% of all logo marketing applications.

• JPG
• PNG
• GIF
• EPS
• AI
• PDF
• SVG

Which logo file formats are most common?

It is very common to have JPG or PNG logo file formats. This is most common because of many programs such as Word and PowerPoint import/drop. When you use these file formats on the screen, it is mostly acceptable. But have you ever tried to enlarge one of these file formats and the logo starts to get blurred or pixelated? This is because these formats are pixel-based and limited in how much they can be expanded before image quality deteriorates.

Breakdown of logo file formats and their best uses

The use of JPG (or JPEG) does not require digital and print, as it is the RGB and CMYK color space. If you don't have software like Photoshop, it creates colorful spots. One way to determine which large size JPG logo file can be used is to drag and drop the logo into your web browser window; You can use a digital app and some small print apps when viewing four or five-inch spots or more logos. JPG files are pixel-based and can be quite large. They also do not support PNG (listed below) as a demonstration background.

PNG Logo files are good for placing your logo on a photo above a photo or on a colored background in a digital app as it supports transparency. PNG logo file formats are widely supported on websites. PNG for any printed projects. Do not use files. PNG files are pixel-based and do not expand well.

We have recently developed a site into the gatsby. We want to add Google Analytics to the website.

So, this is the way we implemented Google Analytics in the Gatsby site.

Use Gatsby Google GTag Plugin

Gatsby has a plugin gatsby-plugin-google-gtag that be used to easily add Google Global Site Tag to your Gatsby site.

Install the package by running the following command:

npm i gatsby-plugin-google-gtag --save

Configuration

Once the installation is complete, you can now add this plugin to your gatsby-config.js:

Configure trackingIds and other options. Add this into the plugins array. Like,

module.exports = {
  // ...
  plugins: [
    {
      resolve: `gatsby-plugin-google-gtag`,
      options: {
              // You can add multiple tracking ids and a pageview event will be fired for all of them.
              trackingIds: [
                "GA-TRACKING_ID", // Google Analytics / GA
                "AW-CONVERSION_ID", // Google Ads / Adwords / AW
                "DC-FLOODIGHT_ID", // Marketing Platform advertising products (Display & Video 360, Search Ads 360, and Campaign Manager)
              ],
              // This object gets passed directly to the gtag config command
              // This config will be shared across all trackingIds
              gtagConfig: {
                optimize_id: "OPT_CONTAINER_ID",
                anonymize_ip: true,
                cookie_expires: 0,
              },
              // This object is used for configuration specific to this plugin
              pluginConfig: {
                // Puts tracking script in the head instead of the body
                head: false,
                // Setting this parameter is also optional
                respectDNT: true,
                // Avoids sending pageview hits from custom paths
                exclude: ["/preview/**", "/do-not-track/me/too/"],
              },
      },
    },
  ],
}

This plugin automatically sends a “pageview” event to all products given as “trackingIds” on every Gatsby's route change.

If you want to call a custom event you have access to window.gtag where you can call an event for all products.

Check out this code.

typeof window !== "undefined" && window.gtag("event", "click", { ...data })

NOTE: This plugin only works in production mode! To test your Global Site Tag is installed and 

You need to run the following command for firing events correctly.

gatsby build && gatsby serve

If you need to exclude any path from the tracking system, you can add one or more to this optional array.

We will learn to run the app without connecting a USB cable in this blog. The main purpose of this blog is to let users run apps without any restriction. Sometimes if the cable is connected with the device and if the device cable gets disturbed then the app not run properly.

Let's see how we can run the app without cable.

Step 1: Click File Menu => Settings

Step 2: Click Plugins

Step 3: Install ADB Wi-Fi Plugin

Notes:

• In the third image, I already installed the plugin in my android studio. But in your case, you may need to install it.
• Then your android studio restart.

After the restart, your android studio will show the "ADB Wifi" option showing as per the following image

Click ADB Wifi and the below screen will be displayed.

• Click to connect 
• Make sure your device and pc are connected to the same wifi. Otherwise, it will not get connected.
• You will need to connect one time when the android studio is opened the first time.

In the last Blog we have discussed the basics of BSC, let's start a discussion about four perspectives of BSC.

A Balance Scorecard looks at an organization from four different perspectives to measure its health, each of these perspectives focuses on various sides of the company and creating a balanced view of the organization.

And yes all four areas of BSC are interrelated we cannot ignore any out of four to the success of the organization.

Financial Perspective:

This perspective views organizational financial performance and the uses of financial resources.

We need to focus on two points:

• Is the company achieving its financial goals?
• How well the strategies and operations contribute to improving financial health?

Well, now the question is how we can measure the output of the financial perspective?

these data always past focused, we need to gather two types of data. 

1. Historical Data: How did we do last month, last week, last year, and so on.
2. Current Data: How we are doing right now, Today?

For instance, 

1. our net profit for the year versus last year
2. Our sales revenue this year versus last year

These measures of corporate performance are based on history and also vary from organization to organization. 

As the BSC is holistic approach, any key objectives that is related to company's financial health and the performance may include in this perspective as given below:

• Cost Saving and Efficiencies [Specified Goals: Reduced production cost 10% by 2021]
• Profit Margins [increase operational profit Margins]
• Revenue Sources [adding new revenue channels/department/products]

In the end, 

• Are you making money?
• Are your investors happy?   
  If yes then be happy...

The financial health of your organisation may be the indicators of your past decisions but still incredibly important.

' Money keeps the company alive ' and the financial perspective focus solely on this. 

Internal Process Perspective:

This perspective views various organizational processes and the efficiency of the particular process. 

1. from this view, the question should be asked what internal processes have added values within the organization and what activities need to carry in the organization (In all three perspectives).
2.  The internal Process perspective looks at how smoothly your business is running (Here, Efficiency is important )
3. It's all about,

• Reducing waste, 
• Speeding process/ production
• Doing more with less

We need to focus on three points:

• Is the company improving the critical process?
• Are there any obstacles standing between ideas and execution?
• How quickly you can adapt to changing business conditions?

This perspective answer the question :

"what process we must excel at to satisfy our shareholders/financial Backers and customers?"

To know more about BSC please read my weekly Blog.

1. Remember only you are not interviewing
2. Look back years of candidate's career
3. Trust your Gut
4. Don't be boring Interviewer 
5. Represent Job Description
6. Think like Marketer 

In the previous article, we learned 4 cases for how to  test  Android Applications.

In this article, we will learn more cases for how to  test  Android Applications.

5. Compatibility testing test cases

1. Have you tested on the best test devices and operating systems for mobile apps?
2. How does the app work with different parameters such as bandwidth, operating speed, capacity, etc.?
3. Will the app work properly with different mobile browsers such as Chrome, Safari, Firefox, Microsoft Edge, etc.
4. Does the app's user interface remain consistent, visible and accessible across different screen sizes?
5. Is the text readable for all users?
6. Does the app work seamlessly in different configurations? 

6. Security testing test cases

1. Can the mobile app resist any brute force attack to guess a person's username, password, or credit card number?
2. Does the app allow an attacker to access sensitive content or functionality without proper authentication?
3. This includes making sure communications with the backend are properly secured.  Is there an effective password protection system within the mobile app?
4. Verify dynamic dependencies.
5. Measures taken to prevent attackers from accessing these vulnerabilities.
6. What steps have been taken to prevent SQL injection-related attacks?
7. Identify and repair any unmanaged code scenarios
8. Make sure certificates are validated and whether the app implements certificate pinning
9. Protect your application and network from denial of service attacks
10. Analyze data storage and validation requirements
11. Create  session management to prevent unauthorized users from accessing unsolicited information
12. Check if the encryption code is damaged and repair what was found.
13. Are the business logic implementations secure and not vulnerable to any external attack?
14. Analyze file system interactions, determine any vulnerabilities and correct these problems.
15. What protocols are in place should hackers attempt to reconfigure the default landing page?
16. Protect from client-side harmful injections.
17. Protect yourself from but vicious runtime injections.
18. Investigate and prevent any malicious possibilities from file caching.
19. Protect from insecure data storage in app keyboard cache.
20. Investigate and prevent malicious actions by cookies.
21. To provide regular checks for the  data protection analysis
22. Investigate and prevent malicious actions from custom-made files
23. Preventing memory corruption cases
24. Analyze and prevent vulnerabilities from different data streams 

7. Localization testing test cases

1. The translated content must be checked for accuracy.  This should also include all verification or error messages that may appear. 
2. The language should be formatted correctly.(e.g. Arabic format from right to left, Japanese writing style of Last Name, First Name, etc.) 
3. The terminology is consistent across the user interface. 
4. The time and date are correctly formatted. 
5. The currency is the local equivalent. 
6. The colors are appropriate and convey the right message. 
7. Ensure the license and rules that comply with the laws and regulations of the destination region.
8. The layout of the text content is error free. 
9. Hyperlinks and hotkey functions work as expected. 
10. Entry fields support special characters and are validated as necessary (ie. postal codes)
11. Ensure that the localized UI has the same type of elements and numbers as the source product. 

8. Recoverability testing test cases

1. Will the app continue on the last operation in the event of a hard restart or system crash?
2. What, if any, causes crash recovery and transaction interruptions?
3. How effective is it at restoring the application after an unexpected interruption or crash?
4. How does the application handle a transaction during a power outage?
5. What is the expected process when the app needs to recover data directly affected by a failed connection? 

9. Regression testing test cases

1. Check the changes to existing features
2. Check the new changes implemented
3. Check the new features added 
4. Check for potential side effects after changes start 

That's it. If you want a good application, take these tips and follow cases for Android Application test. It will help to make quality & standardize your Applications.

1. Bad lines in the logo

When the characters and design elements in the logo are drawn or modified, great care should be taken by the graphic designer. The lines and dots inside the logo should be smooth and clean. In the logo design example below, you will see how the inside line of the letter does not have a curve towards it. This is one of the most common problems we see in poorly made logos.

Logo files are made up of many dots and lines. When the logo is small, these imperfections may not be significant, but as the logo gets bigger the issue becomes more obvious and problematic. You should have a graphic designer who will fix the curves and lines of the logo. Then use the new files to replace the problem logo.

2. Improper Alignment of Logo Elements

Since graphic designers create logos, they are composing letters and design elements. They have complete control over the sizing and alignment of objects. With all this control, and especially the number of elements or characters is likely to increase that something does not adjust as it should.

As with the "bad lines" example above, a small logo size can hide problems when compared to an extended version. But on the screen or in digital access, cutting your logo the wrong way causes it to look blurry (due to pixel interpolation, solid dark pixels are divided into multiple lighter pixels). Graphic designers can adjust the arrangement of elements using the Snap-to-Grid or Snap-to-Guide feature, functions available in Adobe Creative Cloud software. This process will ensure that items are arranged just like your logo.

3. Missing Font in Logo

A logo design should always be presented as a piece of artwork composed of lines and points or pixels. Unfortunately, this is not always the case. If a graphic designer used a particular font in your logo, you may not have that font on your, or your vendor’s, computer. A missing font often leads to it being substituted by another font available on the computer. It’s a major problem that prevents anyone who doesn’t have the font to see the logo properly. This even holds true for a graphic designer trying to fix the problem.

As a logo is designed, fonts are commonly used either as they are, or as a starting point to be modified for the design. The important step in the logo design process is to “outline” the letters being used in the logo so they become a piece of artwork rather than letters you can edit by typing. Once this process has been done, it is not reversible and the font will no longer be required to view and reproduce the logo. Be aware that fonts can cost between $20 and $150 or more just for one weight, such as Helvetica Neue Bold.

4. The Incorrect Logo File Format

Another one of the most common issues we see with logos that are supplied to us is that they are not in the correct file format. If your graphic designer comes to you and says “it’s not the right format” it can mean a few things. However, if your designer intends on using the logo, it is not going to work.

The most common incorrect file format we receive is a raster logo such as a .jpg rather than a vector logo, such as a .eps. A .jpg logo might be fine if the resolution is high enough and it does not require being produced on a color or transparent background. Vector logos will offer a graphic designer the most options, including saving the artwork to other file formats. A vector logo can be enlarged or reduced infinitely without losing quality.

5. The Incorrect Logo Color Format

A less common but potentially more challenging logo file format issue is the color mode. A logo that is being printed on paper, on a t-shirt, or being included on a website will have different color spectrum requirements. Some can be easily converted from one to another but others cannot. Again, a vector logo will offer a graphic designer the best chance to fix the issue.

Logo Design Done Right