How to covert alpha Image into 8 bit depth in iOS

2018-07-12 06:52 mahendra solanki imported from Stackoverflow

I want to covert an image into 8 bit when I pick the image from the gallery or camera. Here is the code I have to tried. The below code is working without the alpha channel. If the image has an alpha, it's not working. And when I am picking an image from the camera there is some alpha value present so it throws an exception.

CGImageRef c = [[UIImage imageNamed:@"100_3077"] CGImage];
size_t bitsPerPixel = CGImageGetBitsPerPixel(c);
size_t bitsPerComponent = CGImageGetBitsPerComponent(c);
size_t width = CGImageGetWidth(c);
size_t height = CGImageGetHeight(c);

CGImageAlphaInfo a = CGImageGetAlphaInfo(c);

NSAssert(bitsPerPixel == 32 && bitsPerComponent == 8 && a == kCGImageAlphaNoneSkipLast, @"unsupported image type supplied");

CGContextRef targetImage = CGBitmapContextCreate(NULL, width, height, 8, 1 * CGImageGetWidth(c), CGColorSpaceCreateDeviceGray(), kCGImageAlphaNone);

UInt32 *sourceData = (UInt32*)[((__bridge_transfer NSData*) CGDataProviderCopyData(CGImageGetDataProvider(c))) bytes];
UInt32 *sourceDataPtr;

UInt8 *targetData = CGBitmapContextGetData(targetImage);

UInt8 r,g,b;
uint offset;
for (uint y = 0; y < height; y++)
{
    for (uint x = 0; x < width; x++)
    {
        offset = y * width + x;

        if (offset+2 < width * height)
        {
            sourceDataPtr = &sourceData[y * width + x];

            r = sourceDataPtr[0+0];
            g = sourceDataPtr[0+1];
            b = sourceDataPtr[0+2];

            targetData[y * width + x] = (r+g+b) / 3;
        }
    }
}

CGImageRef newImageRef = CGBitmapContextCreateImage(targetImage);
UIImage *newImage = [UIImage imageWithCGImage:newImageRef];

I have tried this code. This code only converts an image into 8 bit when image CGImageAlphaInfo property is equal to kCGImageAlphaNoneSkipLast.

See also questions close to this topic

I want the Siri to open when I click button. Is it possible?

I added a button to my application. I want the Siri to open when I click this button. Is it possible? How can I do that? Please, help.

Cocos2d-x Buttons Creation - Best Way

Cocos2d-x Version 3.17

// Create Button : Type - 1

{
    Sprite *spr1 = Sprite::createWithSpriteFrameName(FRAME_MM_PLAY);
    Sprite *spr2 = Sprite::createWithSpriteFrameName(FRAME_MM_PLAY);

    spr2->setColor( Color3B(200, 200, 200) );

    auto *playButton = MenuItemSprite::create(spr1, spr2, CC_CALLBACK_1(CBirdMainMenu::playBtnPress, this));
    playButton->setScale(1.0f);
    playButton->setEnabled(true);

    auto playMenu = Menu::create(playButton, nullptr);
}

// Create Button : Type - 2

Button *infoButton
    {
        infoButton = Button::create(FRAME_MM_INFO,FRAME_MM_INFO,FRAME_MM_INFO,Widget::TextureResType::PLIST);
        infoButton->setZoomScale(0.2f);
        infoButton->setPressedActionEnabled(true);
        infoButton->addTouchEventListener([&](Ref* sender, cocos2d::ui::Widget::TouchEventType type){
            switch (type)
            {
                case ui::Widget::TouchEventType::BEGAN:
                    break;
                case ui::Widget::TouchEventType::ENDED:
                    this->infoButtonPress();
                    break;
                default:
                    break;
            }
        });

        This->addChild(infoButton, 2);
    }

If I use Type 1 and add malloc_error_break then code crashes for MenuItemSprite.

So I used Type-2. In Type-2 how to change color of button when clicked. I used single image for all states. I don't like to use separate image. Is it possible to change color of selected sprite in Type2 ? In Type1, for MenuItemSprite , we can easily set color for selected image……Don’t know how to achieve with Button in Type 2.

Difficulty uploading audio file with Alamofire

Hey I am trying to upload an audio file to a server using alamofire. It's a very simple POST API with only one key uploadfile. The setup is like so in Postman:

I have tested it using postman and it works. The audio uploads and I can find it at the link.

I am trying to translate this functionality to swift. So far I have:

private func postAudio() {
        AudioRecordingService.shared.playRecording()
        let audioUrl = getDocumentsDirectory().appendingPathComponent("recording.mp4")
        guard let audioData: Data =  try? Data(contentsOf: audioUrl) else { return }
        let request = URLRequest(url: URL(string: "http://xx.xxx.xxx.xx:5000/audio")!)
        Alamofire.upload(multipartFormData: {(fromData: MultipartFormData) in
            fromData.append(audioData, withName: "uploadfile", fileName: "recording.mp4", mimeType: "audio/mpeg")
        }, with: request, encodingCompletion: {(encodingResult) in
            switch (encodingResult) {
            case .success:
                print("upload success")
            case .failure:
                print("Failed upload")
            }
        })
    }

I get the message "upload success" when I can the function but If I check if the file is on the server or not it doesn't exist. I'm not sure what I'm doing wrong here. let audioUrl = getDocumentsDirectory().appendingPathComponent("recording.mp4") is a recording I did elsewhere in the app, it definitely exists and I can access it and play it back if I need to. Could someone give me pointers on what I might be doing wrong here please?

Rounded corners in Android ImageButton doesn't work

Is there something wrong with my code? round_corner.xml (I put it in drawable)

  <?xml version="1.0" encoding="utf-8"?>

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <solid android:color="#FFFF0F" />
    <corners android:radius="30dp" />
    </shape>

I think what's not working is the code in my imageButton

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="5dp">

    <ImageButton
        android:id="@+id/my_button"
        android:layout_width="match_parent"
        android:layout_height="170dp"
        android:layout_gravity="center"
        android:background="@drawable/round_corner"
        android:src="@drawable/my_pic"/>

    </LinearLayout>

It doesn't give me any error . It just didn't make my image rounded . Any ideas?

Drupal 7.59 images not download in android app

I have update my drupal version from 7.4 to 7.59. after that i can able to see my image files in browser, but i cannot download thoese image via my Android apps. It was working fine in my old drupal version

can you please suggest any solution regarding this?
Is it possible to substitute an HTML image with one from CSS?

I'm wondering if it is possible to substitute an HTML image for one from CSS inside of a media query. When the width is 100% the images that are generally small get a little fuzzy. I know how to insert images via CSS, but I'm very new to learning responsive development. If it is possible, how would you accomplish this? Thank you all I really appreciate it.
How to convert to bytes format for PIL images which is similar to normal bytes format
Sorry that I couldnt explain clearly in subject. I used read() to read the entire image in the form of bytes and also I used PIL's tobytes() to read the same image. But to me the image bytes looks different. Could you please advice on how to have the same bytes generated using read() using PIL's package utility? From raw encoding to utf-8

Code sample:
```
path3 = r'path'
with io.open(path3, 'rb') as image_file:
    content1 = image_file.read()
b'\xff\xd8\x ...
```
Using PIL:
```
with io.open(path3, 'rb') as image_file:
    content1 = Image.open(image_file).tobytes()
b'\xbf\x91\xc0\xbf\x91\xc0\xbe\x90\xbf\xbe'
```
In my use case:
```
from pdf2image import convert_from_bytes
images = convert_from_bytes(open('pp.pdf', 'rb').read())
b=images[0].read() # since this returns list format
AttributeError: 'PpmImageFile' object has no attribute 'read'
```
Is it possible to have same byte format like read()?

Unsupported BMP compression - BMP to JPEG - PIL - Python

I am trying to convert a bmp image to jpeg using the below code.

from PIL import Image
img = Image.open('/Desktop/xyz.bmp')
new_img = img.resize( (256, 256) )
new_img.save( '/Desktop/abc.png', 'png')

While execution am getting the error,

Traceback (most recent call last):   File "D:/widowed_hulk/otokar/image_scraper.py", line 80, in <module>
    img = Image.open('C:/Users/santhosh.solomon/Desktop/bmp/ImageHandler.bmp')   File "C:\Python34\lib\site-packages\PIL\Image.py", line 2609, in open
    im = _open_core(fp, filename, prefix)   File "C:\Python34\lib\site-packages\PIL\Image.py", line 2599, in _open_core
    im = factory(fp, filename)   File "C:\Python34\lib\site-packages\PIL\ImageFile.py", line 102, in
__init__
    self._open()   File "C:\Python34\lib\site-packages\PIL\BmpImagePlugin.py", line 201, in
_open
    self._bitmap(offset=offset)   File "C:\Python34\lib\site-packages\PIL\BmpImagePlugin.py", line 161, in
_bitmap
    raise IOError("Unsupported BMP compression (%d)" % file_info['compression']) OSError: Unsupported BMP compression (1)

Image I am trying to convert : https://servis.otokar.com.tr:8083/ImageHandler.ashx?id=6425

can anyone guide me through this error?

How to find the dominant color in images using Python?
I am trying to find top 2 colors from my image to process them accordingly For example if image has blue and white i apply one rule, if it is green and red i apply some other rule.I am trying below code which work for some and not for all.

Main goal : every image has top 2 dominant visible color as shown below and i need to get those color.

Expected result :

image1 : blue and yellow shade

image2 : green shade and blue shade

code :
```
from PIL import Image

import numpy as np
import scipy
import scipy.misc
import scipy.cluster

NUM_CLUSTERS = 5

print('reading image')
im = Image.open("captcha_green.jpg")   # optional, to reduce time
ar = np.asarray(im)
shape = ar.shape
ar = ar.reshape(scipy.product(shape[:2]), shape[2]).astype(float)

print('find clus')
codes, dist = scipy.cluster.vq.kmeans(ar, NUM_CLUSTERS)
print ('cluster centres:\n', codes)

vecs, dist = scipy.cluster.vq.vq(ar, codes)         # assign codes
counts, bins = scipy.histogram(vecs, len(codes))    # count occurrences

index_max = scipy.argmax(counts)                    # find most frequent
peak = codes[index_max]
colour = ''.join(chr(int(c)) for c in peak).encode("utf-8").hex()
print ('most frequent is %s (#%s)' % (peak, colour))
```
For this image

I am getting most frequent is [ 1.84704063 1.59035213 252.29132127] (#0101c3bc) As per this link https://www.w3schools.com/colors/colors_picker.asp?color=80ced6 It is detecting blue that is true.

For green image : instead of green shade it is detecting light pink

Detected coloe : most frequent is [142.17271615 234.99711606 144.77187718] (#c28ec3aac290) this is wrong prediction

Arduino eInk Image2LCD - Size of c-array

This Image2LCD software (https://www.buydisplay.com/default/image2lcd) converts images to c-arrays. I want to write this basic operation myself, but I dont understand why the software outputs an array of length 5000 for an input image of size 200x200. For 400x400 the array size is 20000. It seems like its always 1/8 of the number of pixels.

The output array for the square 200x200 image begins and ends like this:

const unsigned char gImage_test[5000] = { /* 0X00,0X01,0XC8,0X00,0XC8,0X00, */
0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X60,0X00,0X00,0X00,0X00,
0X3C,0X60,0X00,0X0C,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
0X00,0X00,0X00,0X00,0X70,0X00,0X00,0X00,0X00,0X7E,0X70,0X00,0X0E,0X00,0X00,0X00,
0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X78,0X00,0X00,
0X00,0X00,0X7F,0X78,0X00,0X0F,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
0X00,0X00,0X00,0X00,0X00,0X00,0X7F,0XFC,0X3C,0X3E,0X3C,0X3F,0XF8,0X3C,0X7F,0X00,
0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X7F,

...

,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,};

(Yes there is a lot of white in the image.)

Why don't you need one value for each pixel?

PHP Convert SVG To Jpg Missing Elements

I am using php imagemagic to convert svg to jpg and i use the below command for the conversion.

convert -density 250 source.svg target.jpg

I can able to convert svg to jpg successfully but some elements in svg are missing. Please check below example

Input SVG

Output JPG

Here you can clearly see that the light grey shades on the sides are replaced with white color. Can someone let me know how to fix this.

FYI here is the link to download the actual SVG

https://drive.google.com/file/d/1vC5yaXds7ogcsTWjaDzkXZZFyKzLCsgf/view?usp=sharing
JPG vs compressed JPG vs WEBP - why WEBP isn't the smallest one?

I have this image (photo taken by me on SGS 9 plus): Uncompressed JPG image. Its size is 4032 x 3024 and its weight is around 3MB. I compressed it with TinyJPG Compressor and its weight was 1.3MB. For PNG images I used Online-Convert and I saw webp images much more smaller even than compressed with TinyPNG. I expected something similar, especially that I read an article JPG to WebP – Comparing Compression Sizes where WEBP is much smaller that compressed JPG. But when I convert my JPG to WEBP format in various online image convertion tools, I see 1.5-2MB size, so file is bigger than my compressed JPG. Am I missing something? WEBP should not be much smaller than compressed JPG? Thank you in advance for every answer.

How to write a 16 bit PNG_COLOR_TYPE_GRAY with libpng?

I wrote the following piece of code to generate a black and white PNG image where each pixel has a value of 16 bits (0 = black, 0xFFFF = white). It is a simple 640x480 test image where all the lines are the same and each line on the left has the maximum black that fades to the white going to the right. Since every line is 640 pixels wide I would have expected to see an almost totally black image that reaches a maximum of 640/65535 of white on the right. Instead I get an image that reaches pure white 2 times in correspondence with the values 0x00ff and 0x01ff. This shows that the most significant byte of each pixel is not used by libpng. Can someone tell me where I'm wrong? Thanks to everyone anyway. Bye

System and Compilation details:

System MacBook Pro (Retina, 15 ", end 2013) with OS X 10.11.6

PNG > gcc --version

Configured with: --prefix = / Applications / Xcode.app / Contents / Developer / usr --with-gxx-include-dir = / Applications / Xcode.app / Contents / Developer / Platforms / MacOSX.platform / Developer / SDKs / MacOSX10.12.sdk / usr / include / c ++ / 4.2.1 Apple LLVM version 8.0.0 (clang-800.0.42.1) Target: x86_64-apple-darwin15.6.0 Thread model: posix InstalledDir: /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin

PNG> gcc -I /opt/X11/include/ -L /opt/X11/lib/ -l png -l z writeTest16bit.c

The generated image (file.png) is:

/* This is the test code upper described */
#include <png.h>
#include <stdlib.h>
#include <errno.h>
#include <string.h>

#define ERROR   -1

#define GOTO_ERROR {line = __LINE__; goto error;}

#define width     640
#define height    460
#define bit_depth 16
unsigned short int image[height][width];

void setBitMapImageGray (void);


int main (int argc, char **argv)
{ 
  char        *pngFileName = "file.png";
  FILE        *pngFile     = NULL;
  png_structp  pngStruct   = NULL;
  png_infop    pngInfo     = NULL;
  int          line        = __LINE__;
  int          i;
  setBitMapImageGray ();

  if (NULL == (pngFile   = fopen (pngFileName, "wb")))                                            GOTO_ERROR;
  if (NULL == (pngStruct = png_create_write_struct (PNG_LIBPNG_VER_STRING, NULL, NULL, NULL)))    GOTO_ERROR;
  if (NULL == (pngInfo   = png_create_info_struct (pngStruct)))                                   GOTO_ERROR; 

  // setting long jump: posponed

  png_init_io(pngStruct, pngFile);

  png_set_IHDR (pngStruct, pngInfo, width, height, bit_depth,
                PNG_COLOR_TYPE_GRAY,          PNG_INTERLACE_NONE,  
                PNG_COMPRESSION_TYPE_DEFAULT, PNG_FILTER_TYPE_DEFAULT);

  png_write_info (pngStruct, pngInfo);

  for (i=0; i<height; i++)
    png_write_row (pngStruct, (png_const_bytep)&image[i][0]);
  png_write_end (pngStruct, NULL);

  png_destroy_write_struct (&pngStruct, (png_infopp)NULL);
  fclose (pngFile);

  return 0;

error:
  printf ("Error in line %d\n", line);
  if (pngStruct)  png_destroy_write_struct (&pngStruct, (png_infopp)NULL);
  if (pngFile)    fclose (pngFile);
  return (ERROR);
}

void setBitMapImageGray (void)
{
  int x,y;
  unsigned short int const black=0, step=0x10000/width;


  for (y=0;   y<height; y++) 
    for (x=0; x<width;  x++) 
//    image[y][x] = 0xFF00;
      image[y][x] = x;
}

How to change the bitdepth of jpg image before saving to internal storage in android?

The image below is taken from Officelens as they convert the bit-depth of the image the make a clear Black&white image which is on the top and original image on bottom:

But when I try to convert I am getting the output given below:

the above result is done using tif convertion library my tried code is given below;

 private void takePicture() {
    Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
    File folderPath = new File(Environment.getExternalStorageDirectory() + "/OCR");

    if (!folderPath.exists()) {
        if (folderPath.mkdir()) ; //directory is created;
    } else {
        File photo = new File(folderPath, "OCRPIC" + UUID.randomUUID().toString().substring(0, 5) + ".jpg");
        imageUri = FileProvider.getUriForFile(MainActivity.this,
                BuildConfig.APPLICATION_ID + ".provider", photo);
        intent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
        startActivityForResult(intent, PHOTO_REQUEST);
        }
}

As I save image from camera to internal storage and on while retrieve I will convert for color compression, code given below,

 TiffConverter.ConverterOptions options = new TiffConverter.ConverterOptions();
    options.throwExceptions = false;
    options.availableMemory = 1 * 1024 * 1024;
    options.compressionScheme = CompressionScheme.LZW;
    options.readTiffDirectory = 1;
    TiffConverter.convertToTiff(path, Environment.getExternalStorageDirectory() + "/OCR"+"/"+path.substring(path.lastIndexOf("/")+1).substring(0,11)+".jpg", options,null);

I want to achieve the ouput that produced by Office Lens.

How to set bit depth in Magick.NET Read
How can I specify the bit depth for the MagickImage.Read() function when reading binary files?

I have a 1024x1024 image represented by 8-bit grayscale values (total file length = 1024x1024 = 1048576 bytes). Using ImageMagick v.7.0.8-7 Q16 x64, I can convert the file using
```
magick.exe -depth 8 -size 1024x1024 -format Gray Gray:filepath.bin convertedfile.png
```
When I try to convert the file using Magick.NET Q16-AnyCPU v7.5.0.1,
```
public MagickImage ReadNewMagickImageFromBinary(string fileName){
    MagickReadSettings settings = new MagickReadSettings();

    settings.Width = 1024;
    settings.Height = 1024; //if I use settings.Height = 512; , I'm OK.
    settings.Format = MagickFormat.Gray;

    MagickImage newImage = new MagickImage();
    newImage.Depth = 8; //this appears to be ignored once the Read function is called
    newImage.Read(fileName, settings);

    return newImage;
}
```
I get the error

Message: ImageMagick.MagickCorruptImageErrorException : unexpected end-of-file '': No such file or directory @ error/gray.c/ReadGRAYImage/241

Indicating that the program has read past the end of the file. I've confirmed that Magick.NET is reverting to a 16-bit depth instead of the 8-bit depth I want. I can read the file using settings.Height = 512 instead of 1024, which gives me a squashed version of my grayscale image.

I learned from Memory consumption in Magick.NET that Magick.NET Q16 stores pixels in memory with 16-bit precision; I'm fine with that but it doesn't seem that should preclude 8-bit reading capabilities.

How do I force Magick.NET Q16 to read pixels in with an 8-bit depth?

Related questions

How to covert alpha Image into 8 bit depth in iOS

See also questions close to this topic